/*==================== New Home Page ===================*/ @font-face { font-family: 'Geomanist'; src: url('../fonts/geomanist/hinted-Geomanist-Black.eot'); src: url('../fonts/geomanist/hinted-Geomanist-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist/hinted-Geomanist-Black.woff2') format('woff2'), url('../fonts/geomanist/hinted-Geomanist-Black.woff') format('woff'), url('../fonts/geomanist/hinted-Geomanist-Black.ttf') format('truetype'), url('../fonts/geomanist/hinted-Geomanist-Black.svg#Geomanist-Black') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Geomanist Book'; src: url('../fonts/geomanist/hinted-Geomanist-Book.eot'); src: url('../fonts/geomanist/hinted-Geomanist-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist/hinted-Geomanist-Book.woff2') format('woff2'), url('../fonts/geomanist/hinted-Geomanist-Book.woff') format('woff'), url('../fonts/geomanist/hinted-Geomanist-Book.ttf') format('truetype'), url('../fonts/geomanist/hinted-Geomanist-Book.svg#Geomanist-Book') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Geomanist Ultra'; src: url('../fonts/geomanist/hinted-Geomanist-Ultra.eot'); src: url('../fonts/geomanist/hinted-Geomanist-Ultra.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist/hinted-Geomanist-Ultra.woff2') format('woff2'), url('../fonts/geomanist/hinted-Geomanist-Ultra.woff') format('woff'), url('../fonts/geomanist/hinted-Geomanist-Ultra.ttf') format('truetype'), url('../fonts/geomanist/hinted-Geomanist-Ultra.svg#Geomanist-Ultra') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Geomanist'; src: url('../fonts/geomanist/hinted-Geomanist-Thin.eot'); src: url('../fonts/geomanist/hinted-Geomanist-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist/hinted-Geomanist-Thin.woff2') format('woff2'), url('../fonts/geomanist/hinted-Geomanist-Thin.woff') format('woff'), url('../fonts/geomanist/hinted-Geomanist-Thin.ttf') format('truetype'), url('../fonts/geomanist/hinted-Geomanist-Thin.svg#Geomanist-Thin') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Geomanist'; src: url('../fonts/geomanist/hinted-Geomanist-Light.eot'); src: url('../fonts/geomanist/hinted-Geomanist-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist/hinted-Geomanist-Light.woff2') format('woff2'), url('../fonts/geomanist/hinted-Geomanist-Light.woff') format('woff'), url('../fonts/geomanist/hinted-Geomanist-Light.ttf') format('truetype'), url('../fonts/geomanist/hinted-Geomanist-Light.svg#Geomanist-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Geomanist'; src: url('../fonts/geomanist/hinted-Geomanist-Regular.eot'); src: url('../fonts/geomanist/hinted-Geomanist-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist/hinted-Geomanist-Regular.woff2') format('woff2'), url('../fonts/geomanist/hinted-Geomanist-Regular.woff') format('woff'), url('../fonts/geomanist/hinted-Geomanist-Regular.ttf') format('truetype'), url('../fonts/geomanist/hinted-Geomanist-Regular.svg#Geomanist-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Geomanist'; src: url('../fonts/geomanist/hinted-Geomanist-ExtraLight.eot'); src: url('../fonts/geomanist/hinted-Geomanist-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist/hinted-Geomanist-ExtraLight.woff2') format('woff2'), url('../fonts/geomanist/hinted-Geomanist-ExtraLight.woff') format('woff'), url('../fonts/geomanist/hinted-Geomanist-ExtraLight.ttf') format('truetype'), url('../fonts/geomanist/hinted-Geomanist-ExtraLight.svg#Geomanist-ExtraLight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Geomanist'; src: url('../fonts/geomanist/hinted-Geomanist-Medium.eot'); src: url('../fonts/geomanist/hinted-Geomanist-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist/hinted-Geomanist-Medium.woff2') format('woff2'), url('../fonts/geomanist/hinted-Geomanist-Medium.woff') format('woff'), url('../fonts/geomanist/hinted-Geomanist-Medium.ttf') format('truetype'), url('../fonts/geomanist/hinted-Geomanist-Medium.svg#Geomanist-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Geomanist'; src: url('../fonts/geomanist/hinted-Geomanist-Bold.eot'); src: url('../fonts/geomanist/hinted-Geomanist-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist/hinted-Geomanist-Bold.woff2') format('woff2'), url('../fonts/geomanist/hinted-Geomanist-Bold.woff') format('woff'), url('../fonts/geomanist/hinted-Geomanist-Bold.ttf') format('truetype'), url('../fonts/geomanist/hinted-Geomanist-Bold.svg#Geomanist-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Comfortaa'; src: url('../fonts/comfortaa/hinted-Comfortaa.eot'); src: url('../fonts/comfortaa/hinted-Comfortaa.eot?#iefix') format('embedded-opentype'), url('../fonts/comfortaa/hinted-Comfortaa.woff2') format('woff2'), url('../fonts/comfortaa/hinted-Comfortaa.woff') format('woff'), url('../fonts/comfortaa/hinted-Comfortaa.ttf') format('truetype'), url('../fonts/comfortaa/hinted-Comfortaa.svg#Comfortaa') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Comfortaa'; src: url('../fonts/comfortaa/hinted-Comfortaa-Light.eot'); src: url('../fonts/comfortaa/hinted-Comfortaa-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/comfortaa/hinted-Comfortaa-Light.woff2') format('woff2'), url('../fonts/comfortaa/hinted-Comfortaa-Light.woff') format('woff'), url('../fonts/comfortaa/hinted-Comfortaa-Light.ttf') format('truetype'), url('../fonts/comfortaa/hinted-Comfortaa-Light.svg#Comfortaa-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Comfortaa'; src: url('../fonts/comfortaa/hinted-Comfortaa-Bold.eot'); src: url('../fonts/comfortaa/hinted-Comfortaa-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/comfortaa/hinted-Comfortaa-Bold.woff2') format('woff2'), url('../fonts/comfortaa/hinted-Comfortaa-Bold.woff') format('woff'), url('../fonts/comfortaa/hinted-Comfortaa-Bold.ttf') format('truetype'), url('../fonts/comfortaa/hinted-Comfortaa-Bold.svg#Comfortaa-Bold') format('svg'); font-weight: bold; font-style: normal; } .is_not_retina .dockercon16 .retina{ display:none!important; } .is_retina .dockercon16 .image_simple{ display:none!important; } .is_not_retina .dockercon16 .image_simple{ display:block!important; } .is_retina .dockercon16 .retina{ display:block!important; } .row { max-width: inherit; width: inherit; margin-left: -15px; margin-right: -15px; } /* SVEN SAYS NO body h1,body h2,body h3,body h4,body h5,body h6, a.button, a.btn{ font-family: 'Geomanist Book', sans-serif; } */ body, body p{ font-family: 'Geomanist', sans-serif; font-weight:normal; } /* SVEN SAYS NO span, label, ul, li{ font-family: 'Geomanist', sans-serif; font-weight:normal; } body .dockercon16 h1,body .dockercon16 h4,body .dockercon16 h5,body .dockercon16 h6{ font-family: 'Geomanist Book', sans-serif; } body .dockercon16 h2 { font-family: 'Geomanist Light', sans-serif; } body .dockercon16 h3 { font-family: 'Geomanist Regular', sans-serif; } body .dockercon16, body .dockercon16 p{ font-family: 'Geomanist', sans-serif; font-weight:normal; } */ a.button { margin-left: 10px; } body .dockercon16 section.section { padding: 120px 0; } section.GenericDev .items.displaytable { display: table; width: 100%; margin: auto; } section.GenericDev .items.displaytable li { float: none; display: table-cell; width: 0%; } .dockercon16 section.bluebackground.section h2{ font-size:22px; color: #E1F7FF; text-transform:uppercase; line-height: 1.4; margin-bottom: 8px; } .dockercon16 section.bluebackground.section h2.marginBottom40{ margin-bottom: 40px; } .dockercon16 section.bluebackground.section .container>p{ font-size:14px; color: #E0F6FE; margin-bottom: 30px; line-height: 1.6; } .dockercon16 section.bluebackground.section .container>img{ margin: auto; display: block; margin-bottom: 30px; } .dockercon16 section.bluebackground.GenericDev .items>li h3{ font-size:18px; color: #E1F7FF; text-transform: uppercase; text-align: left; } .dockercon16 section.bluebackground.GenericDev .items>li span.sub_title{ font-size:14px; color: rgba(255,255,255,0.7); text-transform: uppercase; text-align: left; display: block; font-family: 'Geomanist', sans-serif; font-weight: 400; } .dockercon16 section.bluebackground.GenericDev .items>li p{ font-size:14px; color: #E0F6FE; padding-bottom: 20px; margin-bottom: 0px; text-align: left; } .dockercon16 section.whitebackground.section h2{ font-size:22px; color: #155A74; text-transform:uppercase; line-height: 1.4; margin-bottom: 8px; } .dockercon16 section.whitebackground.section h2.marginBottom40{ margin-bottom: 40px; } .dockercon16 section.whitebackground.section .container>p{ font-size:14px; color: #496B81; margin-bottom: 30px; line-height: 1.6; } .dockercon16 section.whitebackground.section .container>img{ margin: auto; display: block; margin-bottom: 30px; } .dockercon16 section.whitebackground.GenericDev .items>li h3{ font-size:18px; color: #155A74; text-transform: uppercase; text-align: left; } .dockercon16 section.whitebackground.GenericDev .items>li span.sub_title{ font-size:14px; color: #BFBFBF; text-transform: uppercase; text-align: left; display: block; font-family: 'Geomanist', sans-serif; font-weight: 400; } .dockercon16 section.whitebackground.GenericDev .items>li p{ font-size:14px; color: #496B81; padding-bottom: 20px; margin-bottom: 0px; text-align: left; } .dockercon16 section.GenericDev .items>li ul{ } .dockercon16 section.GenericDev .items>li ul li{ font-size: 14px; color: #ffffff; line-height: 28px; margin-bottom: 4px; font-weight: normal; } /************************* for Button only ************************************/ .dockercon16 section.section a.button,.dockercon16 section.title_section a.button{ font-family: 'Geomanist Book', sans-serif; font-size: 14px; border-radius: 0; } .dockercon16 section.section a.button.orange-btn { background-color: transparent; color: #fff; padding: 15px 50px 13px 50px; border: 1px solid #fff; } .dockercon16 section.section a.button.orange-btn:hover { background: RGBA(255, 255, 255, 0.25); } .dockercon16 section.whitebackground.section a.button.orange-btn { background-color: transparent; color: #0081AA; padding: 15px 50px 13px 50px; border:1px solid #0081AA; } .dockercon16 section.whitebackground.section a.button.orange-btn:hover { background-color: rgba(34, 148, 202, 0.12); } .dockercon16 section.section a.button.white-btn{ background: RGBA(255, 255, 255, 0.25); color: #fff; padding: 15px 70px 13px 70px; border: 1px solid #fff; } .dockercon16 section.section a.button.white-btn:hover { background: transparent; } .dockercon16 section.title_section a.button.white-btn{ background-color: #fff; color: #1DA4C9; border: 0; padding: 14px 70px 12px 70px; } .dockercon16 section.title_section a.button.white-btn:hover { background: rgba(255, 255, 255, 0.83); } .dockercon16 section.title_section a.button.white-border-btn { background-color: transparent; color: #E6F9FF; padding: 13px 70px 11px 70px; border:1px solid #fff; } .dockercon16 section.title_section a.button.white-border-btn:hover { background: RGBA(255, 255, 255, 0.25); color: #fff; } .dockercon16 section.section a.button.darkblue-btn,.dockercon16 section.title_section a.button.darkblue-btn { background-color: #2294ca; color: #ffffff; border: 0; padding: 16px 60px 14px 60px; } .dockercon16 section.section a.button.darkblue-btn:hover, .dockercon16 section.title_section a.button.darkblue-btn:hover { background: #235363; } .dockercon16 section.section a.button.darkblue-border-btn, .dockercon16 section.title_section a.button.darkblue-border-btn { background-color: transparent; color: #0081AA; padding: 15px 40px 13px 40px; border:1px solid #0081AA; } .dockercon16 section.section a.button.darkblue-border-btn:hover, .dockercon16 section.title_section a.button.darkblue-border-btn:hover { background-color: rgba(34, 148, 202, 0.12); } .dockercon16 section.section a.button.lightblue-btn,.dockercon16 section.title_section a.button.lightblue-btn { background-color: #22CAFF; color: #ffffff; border: 0; padding: 16px 60px 14px 60px; } .dockercon16 section.section a.button.lightblue-btn:hover,.dockercon16 section.title_section a.button.lightblue-btn:hover { background-color: #459db9; } .dockercon16 section.section a.button.lightblue-border-btn, .dockercon16 section.title_section a.button.lightblue-border-btn { background-color: transparent; color: #099BD1; padding: 15px 40px 13px 40px; border:1px solid #099BD1; } .dockercon16 section.section a.button.lightblue-border-btn:hover, .dockercon16 section.title_section a.button.lightblue-border-btn:hover { background-color: rgba(9,155,209,0.12); } .dockercon16 section.section a.button+a.button,.dockercon16 section.title_section a.button+a.button { margin-left:20px; } .dockercon16 section.GenericDev .items.media li { position: relative; margin-bottom: 0; padding: 20px 10px 20px; } .dockercon16 section.GenericDev .items.media li a.button{ font-size: 12px; padding: 6px 30px; min-width: 160px; } .dockercon16 section.GenericDev .items.media li a.button+a.button{ display: table; margin-top: 10px; margin-left: 0; } .dockercon16 section.GenericDev .items.media.widthcol4 li a.button{ font-size: 12px; padding: 5px 20px; min-width: 140px; } .dockercon16 section.GenericDev .items.media li .media_image { float: left; position: absolute; left: 10px; text-align: left; } .dockercon16 section.GenericDev .items.media li .media_content { float: left; text-align: left; } .dockercon16 section.GenericDev .items.media li .media_content img{ margin-bottom:20px; } .dockercon16 section.GenericDev .items.media li .media_content h3 { margin-top: 0px; margin-bottom: 8px; } section.docker_use_cases_home_section .items li, section.customer_and_news_section .items li, section.projects_items_section .items li, section.partner_program_technology_section .items li{ height: inherit!important; } section.bgblue1.section { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,4686b7+100,4686b7+100 */ background: #4686b7; /* Old browsers */ background: -moz-linear-gradient(top, #4686b7 0%, #499dcf 100%, #4686b7 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4686b7', endColorstr='#499dcf',GradientType=0 ); /* IE6-9 */ } section.bgblue2.section { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,4686b7+100,4686b7+100 */ background: #4686b7; /* Old browsers */ background: -moz-linear-gradient(top, #4686b7 0%, #499dcf 100%, #4686b7 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4686b7', endColorstr='#499dcf',GradientType=0 ); /* IE6-9 */ } section.bgblue3.section { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,4686b7+100,4686b7+100 */ background: #4686b7; /* Old browsers */ background: -moz-linear-gradient(top, #4686b7 0%, #499dcf 100%, #4686b7 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4686b7 0%,#499dcf 100%,#4686b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4686b7', endColorstr='#499dcf',GradientType=0 ); /* IE6-9 */ } section.bgblue4.section { background: #285a8c; background: -moz-linear-gradient(top, #1488C6 0%, #124b77 100%, #124b77 100%); background: -webkit-linear-gradient(top, #1488C6 0%,#124b77 100%,#124b77 100%); background: linear-gradient(to top, #1488C6 0%,#124b77 100%,#124b77 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1488C6', endColorstr='#124b77',GradientType=0 ); } section.bgblue5.section { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5ba2db+0,4686b7+100,4abfea+100 */ background: #5ba2db; /* Old browsers */ background: -moz-linear-gradient(top, #5ba2db 0%, #4bbfe9 100%, #5ba2db 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #5ba2db 0%,#4bbfe9 100%,#5ba2db 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #5ba2db 0%,#4bbfe9 100%,#5ba2db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba2db', endColorstr='#4bbfe9',GradientType=0 ); /* IE6-9 */ } section.bgblue3.section { background: #4686b7; background: -moz-linear-gradient(top, #00577B 0%, #0F8AB4 100%, #00577B 100%); background: -webkit-linear-gradient(top, #00577B 0%,#0F8AB4 100%,#0F8AB4 100%); background: linear-gradient(to bottom, #00577B 0%,#0F8AB4 100%,#0F8AB4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00577B', endColorstr='#0F8AB4',GradientType=0 ); } section.bgblue4.section { background: #285a8c; background: -moz-linear-gradient(top, #1488C6 0%, #124b77 100%, #124b77 100%); background: -webkit-linear-gradient(top, #1488C6 0%,#124b77 100%,#124b77 100%); background: linear-gradient(to top, #1488C6 0%,#124b77 100%,#124b77 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1488C6', endColorstr='#124b77',GradientType=0 ); } section.bgblue5.section { background: #5ba2db; background: linear-gradient(to bottom, #004D7B 0%,#1488C6 100%,#1488C6 100%); background: -moz-linear-gradient(top, #004D7B 0%, #1488C6 100%, #1488C6 100%); background: -webkit-linear-gradient(top, #004D7B 0%,#1488C6 100%,#1488C6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004D7B', endColorstr='#1488C6',GradientType=0 ); } section.bottom_cta_section.blue,section.bottom_cta_section.bgblue5{ background: #5ba2db; background: linear-gradient(to bottom, #054B62 0%,#06131e 100%,#213c51 100%); background: -moz-linear-gradient(top, #054B62 0%, #06131e 100%, #213c51 100%); background: -webkit-linear-gradient(top, #054B62 0%,#06131e 100%,#213c51 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054B62', endColorstr='#06131e',GradientType=0 ); } footer.main_footer { background: #001829; } div.moby_footer { height: 12px; position:relative; } footer.main_footer { border-top: 10px solid #ffd601; outline: 13px solid #9ce2c0; } div.moby_footer .bar{ position:absolute; background-image: url(../images/footer_moby_bar.png); width: 100%; height: 17px; top: -5px; } div.moby_footer .moby{ position:absolute; background-image: url(../images/footer_moby_icon.png); background-repeat: no-repeat; width: 142px; height: 103px; right: 65px; top: -65px; } i.footer_mobypadding{ padding-top: 50px; display: block; } header.main-header { margin: 0; position:absolute; width:100%; padding: 0; background-image: linear-gradient(0deg, #15A4D7 0%, #1488C6 100%); height: 100px; } header.main-header::after { content: ""; background-image: url(../images/banner_image_24515.png); background-size: cover; opacity: 0; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } header.main-header.backgroundimage::after { content: ""; opacity: 1; } header .top-right-bg { background-size: 100% 45px; opacity: 1; width: 40%; height: 45px; position: absolute; z-index: 0; top: 0px; left: 60%; } header .nav-global{ list-style: none; float: right; margin-bottom: 0; height: 45px; overflow: hidden; } header .nav-global li a{ font-family: 'Geomanist Book', sans-serif; font-size: 12px; color: #fff; text-transform: uppercase; padding: 12px 12px; } header .nav-global li a:hover{ background-color: rgba(0, 0, 0, 0.2); color: #fff; } .main-header div>.nav-main>li>ul { transition: all ease-in .2s; opacity: 0; visibility: hidden; display: block; } .main-header div>.nav-main>li:hover>ul { opacity: 1; visibility: visible; } .main-header div>.nav-main>li>a{ transition: all ease-in .2s; font-size: 16px; } .main-header div>.nav-main>li>ul a{ transition: all ease-in .2s; } .main-header div>.nav-main>li.double-navstyle>ul { width: 410px; margin-left: -225px; } .main-header div>.nav-main>li.double-navstyle>ul li.navleft { float: left; clear: left; width: 160px; } .main-header div>.nav-main>li.double-navstyle>ul>li { width: 250px; display: inline-block; float: right; margin-bottom: 20px!important; } .main-header div>.nav-main>li.double-navstyle>ul>li>a { color: #22caff; text-transform:uppercase; } .main-header div>.nav-main>li.double-navstyle.secondlast>ul { margin-left: -275px; } .main-header div>.nav-main>li.double-navstyle.secondlast>ul:before { margin-left: 82px; } .main-header div>.nav-main>li.last>ul { left: auto; right: 0px; } .main-header div>.nav-main>li.last>ul:before { margin-left: 40px; } footer.main_footer{ font-family: 'Geomanist', sans-serif!important; color: #fff; padding:60px 0 0 0; font-weight:normal; } footer.main_footer .top_footer{ margin-bottom:100px; } footer.main_footer h6{ font-family: 'Geomanist', sans-serif!important; color: #fff; font-size: 16px; font-weight:normal; } footer.main_footer ul{ font-size: 12px; list-style: none; padding: 0; margin: 0; } footer.main_footer ul li{ } footer.main_footer ul li a{ color: #fff; } footer.main_footer p{ font-size: 12px; } footer.main_footer .social-icons { list-style: none; margin: 0; padding: 0; position: relative; display: table; flex-direction: row; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width: 380px; margin-right: 20px; margin-top: 12px; } footer.main_footer .social-icons>li { flex-grow: 1; } footer.main_footer .social-icons li a { text-align: left; text-indent: -9999px; display: block; width: 28px; height: 28px; background-image: url(../images/social_icons_24518.png); background-repeat: no-repeat; } footer.main_footer .social-icons li.facebook a { background-position: -0px 0px; } footer.main_footer .social-icons li.google a { background-position: -50px 0px; } footer.main_footer .social-icons li.github a { background-position: -95px 0px; } footer.main_footer .social-icons li.linkedin a { background-position: -142px 0px; } footer.main_footer .social-icons li.youtube a { background-position: -190px 0px; width: 52px; } footer.main_footer .social-icons li.reddit a { background-position: -260px 0px; width: 36px; } footer.main_footer .social-icons li.twitter a { background-position: -315px 0px; width: 32px; } footer.main_footer .social-icons li.slideshare a { background-position: -362px 0px; } footer.main_footer div.newsletter{ max-width:360px; margin-right:20px; } footer.main_footer div.newsletter form .mktoFormRow { float: left; width: 65%; } footer.main_footer div.newsletter form .mktoButtonRow { width: 35% } footer.main_footer div.newsletter form #Email { font-family: 'Geomanist Book', sans-serif; width: 100% !important; font-size: 12px; padding: 0; border-radius: 0; background-color: transparent; border: 0; border-bottom: 1px solid #5B7080; color: #ffffff; height: 31px; } .main_footer div.newsletter form .mktoButtonRow button { font-family: 'Geomanist Book', sans-serif; font-size: 12px !important; border-radius: 0; padding: 8px !important; width: 100%; float: left; border: none !important; background: #FFC176!important; color: #3F1B02 !important; background: #2294CA!important; color: #fff!important; } .main_footer div.newsletter form .mktoButtonRow button:hover { background: #FFC176!important; color: #3F1B02; background: #2294CA!important; color: #fff!important; } .main_footer div.newsletter form .mktoOffset, .main_footer div.newsletter form .mktoGutter, .main_footer div.newsletter form label { display: none; } .main_footer div.newsletter form { font-size: 12px !important; width: 100% !important; } .main_footer div.newsletter form .mktoFormCol, .main_footer div.newsletter form .mktoFieldWrap { width: 100% !important; margin:0 !important; } .main_footer div.newsletter form .mktoSimple { margin: 0 !important; } .main_footer .footer-nav { } .main_footer .footer-nav>p { margin-bottom: 12px; display: inline-block; } .main_footer .footer-nav .primary-footer-sub-nav{ float:right; margin-bottom: 20px; } .main_footer .footer-nav .primary-footer-sub-nav ul li{ margin-left:30px; } .main_footer .bottom_footer .footer-copyright { border-top: 1px solid #5C7787; padding: 12px 0 50px 0; } .dockercon16 section.map_section { padding:0; margin:0; } .dockercon16 section.title_section { background-image: url(../images/banner_image_24515.png); background-size: cover; margin-bottom: 0px!important; } .dockercon16 section.title_section .dockercon16_padding { padding-top:101px; } .dockercon16 section .dockercon16_padding { padding-top:101px; } .dockercon16 section.title_section.darkblue h1 { font-family: 'Geomanist Light', sans-serif; margin-bottom: 25px; font-size:30px; color: #e1f7ff; margin-top: 20px; text-transform: uppercase; } .dockercon16 section.title_section.darkblue h3{ color: #e1f7ff; } .dockercon16 section.title_section.darkblue h4{ color: #e1f7ff; font-size: 20px; margin-bottom: 20px; } .dockercon16 section.title_section.darkblue p { font-family: 'Geomanist', sans-serif; font-size:14px; color: #e1f7ff; font-weight:normal; margin-bottom: 30px; } .region.region-hero-sub .nav-sub .removetab-menu-item { display: none; } /** global navigation elements **/ .dockercon16 div.heronav_section{ height: 52px; background-color: #003E52; } .dockercon16 div.heronav_section ul{ display: block; margin: auto; text-align: center; } .dockercon16 div.heronav_section ul li{ margin: 0px 3px; font-size: 14px; font-family: 'Geomanist Book', sans-serif; } .dockercon16 div.heronav_section ul li a{ padding: 14px 40px 10px 40px; } .dockercon16 div.heronav_section ul li.active { background-color: #628191; } .dockercon16 div.heronav_section ul li:hover { background-color: #628191; } .dockercon16 section.section .video_container{ position: relative; background-repeat: no-repeat; background-size: contain; background-position: center; margin: auto; } .dockercon16 section.section .video_container a.play_btn{ position: absolute; content: 'play'; display: block; width: 90px; height: 90px; text-align: left; text-indent: -9999px; background-image: url(../images/video_icon_2453.png); background-repeat: no-repeat; background-size: cover; top: 50%; left: 50%; margin-top: -45px; margin-left: -45px; } section.dockercon_quotes_section{ padding: 80px 0; } section.dockercon_quotes_section .quotes_icon{ background-image: url(../images/quote_icon_2452.png); width: 52px; height: 52px; margin: auto; margin-top: -20px; margin-left: 50px; background-size: 110%; background-repeat: no-repeat; display: block; float: left; } section.dockercon_quotes_section .quotes_slider{ max-width: 700px; margin: auto; position: relative; color:#ffffff; font-size:20px; margin-bottom: 50px; } section.dockercon_quotes_section .flex-control-nav { width: 100%; position: absolute; bottom: -80px; } section.dockercon_quotes_section .quotes_slider .slides{} section.dockercon_quotes_section .quotes_slider .slides li{} section.dockercon_quotes_section .quotes_slider .slides li p{ font-size:20px; color:#ffffff; text-align:center; } section.dockercon_quotes_section .quotes_slider .slides li .author{ font-family: 'Geomanist Book', sans-serif; font-size:20px; float: left; padding-left: 70%; } section.dockercon_quotes_section .quotes_slider .slides li .author_position{ font-family: 'Geomanist Book', sans-serif; font-size:12px; float: left; padding-left: 70%; clear: both; line-height: 12px; } section.dockercon_quotes_section .quotes_slider .flex-control-paging li{ margin-top: 20px; } section.dockercon_quotes_section .quotes_slider .flex-control-paging li a{ background: #72DDFF; } section.dockercon_quotes_section .quotes_slider .flex-control-paging li a:hover{ background: #FFFFFF; } section.dockercon_quotes_section .quotes_slider .flex-control-paging li a.flex-active{ background: #FFFFFF; } /* ========== Start Home ========== */ .node-type-front-page .dockercon16 section.title_section.darkblue { padding-bottom: 0; position: relative; } .node-type-front-page .dockercon16 section.title_section.darkblue h1 { font-family: 'Geomanist', sans-serif; font-weight: 300; font-style: normal; font-size:64px; color:#FFFFFF; margin-bottom: 10px; } .node-type-front-page .dockercon16 section.title_section.darkblue p { font-size: 18px; color: #FFFFFF; max-width: 340px; } .node-type-front-page .dockercon16 section.title_section.darkblue img.moby { z-index: 2; position: relative; } .node-type-front-page .dockercon16 section.title_section.darkblue a.button { color:#FFFFFF; width: 270px; margin-top: 0px; background-color: rgba(0, 78, 103, 0.61); padding: 16px 40px 14px 40px; margin-left: 0; } .node-type-front-page .dockercon16 section.title_section.darkblue a.button:hover { background: rgba(0, 0, 0, 0.6); text-decoration: none; border: none; padding: 16px 40px 14px 40px; color: #fff; } div.dockercon_registation_section img.dcon_icon{ position: absolute; bottom: 0; } div.dockercon_registation_section img.dcon_logo{ padding-left: 50px; margin-top: 10px; float: left; } div.dockercon_registation_section a.register_link.video{ background-image:url(../images/dcon_video_play.png); background-repeat: no-repeat; background-position: right 0 top 15px; padding: 20px; padding-right: 40px; margin-top: -8px; background-size: 26px; } div.dockercon_registation_section a.register_link{ font-family: 'Geomanist Book', sans-serif; padding-left: 20px; color: #fff; font-size: 14px; float: left; margin-top: 14px; } div.dockercon_registation_section{ background-image: url(../images/doc_bar_12311.png); background-size: 100% 52px; background-repeat: no-repeat; position: absolute; background-color: rgba(84,189,192,0.4); width: 100%; height: 52px; text-align: left; bottom: 0; position:static; } .dockercon16 section.customer_and_news_section.section { background-color:#003E52; padding: 50px 0!important; } .dockercon16 section.customer_and_news_section.section.GenericDev .items.media li a.button{ border: 1px solid #72B8D6; background-color: transparent; color: #fff; text-decoration: none; padding: 5px 60px; } .dockercon16 section.customer_and_news_section.section.GenericDev .items.media li a.button:hover { background: rgba(255, 255, 255, 0.11); } section.the_docker_solution_section.section { background-color:#ffffff; } section.the_docker_solution_section img { margin: auto; margin-bottom: 40px; display: block; } section.customer_and_news_section .items.media li .media_image h3 { margin-bottom: 20px; } section.customer_and_news_section .items.media li .media_image { width: 50px; } section.customer_and_news_section .items.media li .media_content { padding-left: 65px; } section.docker_solution_section .items.media li .media_image { width: 50px; } section.docker_solution_section .items.media li .media_content { padding-left: 65px; } section.docker_use_cases_home_section .items.media li .media_image { width: 50px; } section.docker_use_cases_home_section .items.media li .media_content { padding-left: 65px; } section.docker_footer_image_section { padding: 100px 0; } section.docker_footer_image_section h2 { padding: 50px 0 100px 0; } /* ========== Start dockercon_registation_section ========== */ div.dockercon_registation_section img.dcon_logo { padding-left: 40px; } div.dockercon_registation_section .cross-btn { color: #fff; font-size: 14px; float: left; height: 43px; width: 260px; overflow: hidden; position: relative; font-family: 'Geomanist Book', sans-serif; } div.dockercon_registation_section .cross-btn:before { } div.dockercon_registation_section .cross-btn:after { content: ' '; position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 2; display: block; border-bottom: 10px solid #003e52; border-left: 260px solid transparent; border-right: 0px solid transparent; } div.dockercon_registation_section .cross-btn > a:hover, div.dockercon_registation_section .cross-btn > a:focus, div.dockercon_registation_section .cross-btn > a:active, div.dockercon_registation_section .cross-btn > a:visited { outline: none; border: none; text-decoration: none; } div.dockercon_registation_section .cross-btn > a { color: inherit; display: inline-block; background-color: #6cd7d0; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; margin-left: 20px; position: relative; text-decoration:none; } div.dockercon_registation_section .cross-btn > a:before { content: ' '; display: block; position: absolute; top: -2px; left: -10px; width: 20px; height: 50px; background-color: #6cd7d0; transform: rotate(380deg); transform-origin: center left; z-index: 0; } div.dockercon_registation_section .cross-btn > a:after { content: ' '; display: block; position: absolute; top: -2px; right: -110px; width: 120px; height: 40px; background-color: #6cd7d0; transform: rotate(380deg); transform-origin: center left; z-index: 0; } div.dockercon_registation_section .cross-btn > a > span { position: relative; z-index: 1; } div.dockercon_registation_section .cross-btn > a > span > i { background-image: url(/sites/all/themes/docker/assets/images/dcon_video_play.png); background-repeat: no-repeat; display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-left: 10px; } /* ========== End dockercon_registation_section ========== */ /* ========== End Home ========== */ /* ========== Start Careers ========== */ section.career_overview_section .side_image{ margin-bottom:25px; } section.career_overview_section.GenericDev .items>li{ padding:0; padding-right:50px; } section.career_overview_section.section .video_container a.play_btn{ background-image: url(../images/video_icon_2453-2.png); } section.career_overview_section.section.GenericDev .items>li h3{ margin-top: 0; } section.career_logos_section{ display:none; } section.career_logos_section .items { margin-bottom:0; } section.career_logos_section .items li { margin-bottom: 0px; padding: 2px; } section.career_logos_section .items li .helper{ background-color:#FAFAFA; display: block; padding: 60px 15px; } section.career_logos_section .items li img{} section.career_docker_culture_section{} section.career_docker_culture_section.GenericDev .container { overflow: hidden; } section.career_docker_culture_section.GenericDev .items { margin-left: -40px; margin-right: -40px; } section.career_docker_culture_section.GenericDev .items>li { padding-left: 40px; padding-right: 40px; } section.career_job_openings_section.GenericDev .items.media li{ padding: 20px 80px 20px 80px; } section.career_job_openings_section.GenericDev .items.media li .media_image{ left: 80px; } section.career_job_openings_section .items li h3 { margin-bottom: 0; } section.career_job_openings_section .items li span { font-size:14px; color: #E1F7FF; line-height: 20px; display: block; } section.career_job_openings_section .items li a { text-decoration:none; } section.career_job_openings_section .items li .fa { font-size: 50px; color: #fff; } section.career_job_openings_section .items li .fa-business-development:before { content: ""; background-image: url(../images/business-development-icon.png); background-repeat: no-repeat; background-size: 50px; height: 50px; width: 50px; display: block; margin-top: 8px; } section.career_job_openings_section .items li .fa-business-operations:before { content: ""; background-image: url(../images/business-operations-icon.png); background-repeat: no-repeat; background-size: 60px; height: 60px; width: 60px; display: block; margin-top: -4px; } section.career_job_openings_section .items.media li .media_image{ width: 60px; } section.career_job_openings_section .items.media li .media_content{ padding-left: 70px; } .jobs_section .jobs li a{ } .jobs_section .jobs li span{ } .jobs_section img{ margin-bottom:50px; } /* ========== End Careers ========== */ /* ========== Start Enterprise ========== */ section.enterprise_why_docker_section .items.media li .media_image{ width: 50px; } section.enterprise_why_docker_section .items.media li .media_content{ padding-left: 65px; } section.deploy_docker_solution_section ul.items{ max-width: 700px; margin: auto; } section.subscription_docker_solution_section .items.media li .media_image{ width: 50px; } section.subscription_docker_solution_section .items.media li .media_content{ padding-left: 65px; } /* ========== End Enterprise ========== */ /* ========== Start Products ========== */ section.whatisdocker_overview_section.GenericDev .container{ overflow:hidden; } section.whatisdocker_overview_section.GenericDev .items.media{ margin-left: -40px; margin-right: -40px; } section.whatisdocker_overview_section.GenericDev .items.media li{ padding-left: 40px; padding-right: 40px; } section.build_better_section.GenericDev .container{ overflow:hidden; } section.build_better_section.GenericDev .items.media{ margin-left: -40px; margin-right: -40px; } section.build_better_section.GenericDev .items.media li{ padding-left: 40px; padding-right: 40px; } section.whatisdocker_easily_share_section.GenericDev .container{ overflow:hidden; } section.whatisdocker_easily_share_section.GenericDev .items.media{ margin-left: -40px; margin-right: -40px; } section.whatisdocker_easily_share_section.GenericDev .items.media li{ padding-left: 40px; padding-right: 40px; } section.whatisdocker_faster_section.GenericDev .container{ overflow:hidden; } section.whatisdocker_faster_section.GenericDev .items.media{ margin-left: -40px; margin-right: -40px; } section.whatisdocker_faster_section.GenericDev .items.media li{ padding-left: 40px; padding-right: 40px; } section.docker_vs_vm_section .items.media .media_content img{ margin-bottom: 20px; } section.docker_product_section.GenericDev .container{ overflow:hidden; } section.docker_product_section.GenericDev .items.media{ margin-left: -40px; margin-right: -40px; } section.docker_product_section.GenericDev .items.media li{ padding-left: 40px; padding-right: 40px; } section.docker_product_section .items.media li .media_image{ width: 50px; left: 40px!important; } section.docker_product_section .items.media li .media_content{ padding-left: 65px; } section.docker_product_section .button_table { display: table; } section.docker_product_section .button_table_cell { display: table-cell; vertical-align: middle; } section.docker_product_section .button_table_cell a.button{ display:block; max-width:220px; margin-left:auto!important; margin-right:auto!important; } /* ========== End Products ========== */ /* ========== Start Product editions ========== */ section.product_editions_overview_section.GenericDev .container{ overflow:hidden; } section.product_editions_overview_section.GenericDev .items.media{ margin-left: -40px; margin-right: -40px; } section.product_editions_overview_section.GenericDev .items.media li{ padding-left: 40px; padding-right: 40px; } section.product_editions_overview_section .items.media li .media_image{ width: 80px; left: 40px!important; } section.product_editions_overview_section .items.media li .media_content{ padding-left: 100px; } section.docker_product_editions_section.section{ padding:100px 0; } section.docker_product_editions_section .items.media li{ min-height: 200px; display:table; padding:0!important; } section.docker_product_editions_section .items.media li .media_image{ width: 260px; text-align: center!important; top: 20px; } section.docker_product_editions_section .items.media li .media_content{ padding-left: 260px; display: table-cell; vertical-align: middle; float:none!important; } section.docker_product_editions_section .button_table { display: table; } section.docker_product_editions_section .button_table_cell { display: table-cell; vertical-align: middle; } section.docker_product_editions_section .button_table_cell a.button{ display:block; max-width:250px; margin-left:auto!important; margin-right:auto!important; } /* ========== End Product editions ========== */ /* ========== Start Projects ========== */ section.projects_items_section.GenericDev .container{ overflow:hidden; } section.projects_items_section.GenericDev .items.media{ margin-left: -20px; margin-right: -20px; } section.projects_items_section.GenericDev .items.media li{ padding-left: 20px; padding-right: 20px; } section.projects_items_section .items.media li .media_image{ width: 50px; left: 20px!important; } section.projects_items_section .items.media li .media_image+.media_content{ padding-left: 65px; } .node-type-projects section.bottom_cta_section.section a.button { display: block; margin: auto!important; margin-bottom: 10px!important; } /* ========== End Projects ========== */ /* ========== Start Pricing ========== */ .pricing-image{ padding-top:30px; } section.plans_section.section{ background-color: #fff; } section.plans_section .plans_tabs{ display:none; } .dockercon_breakline{ background-image: url(../images/pricing_breakline.svg); height: 25px; background-repeat: no-repeat; background-color: transparent; width: 100%; max-width: 100%; margin: 0; padding: 0; background-position: center; } section.pricing_our_customers_section .items{ padding-top:50px; } section.pricing_our_customers_section .items li { margin-bottom: 0px; padding: 2px; } section.pricing_our_customers_section .items li .helper { background-color: #FAFAFA; display: block; padding: 60px 15px; } section.faqs_section .faqs-group{ padding-top:50px; } section.faqs_section .faq h3{ font-family: 'Geomanist', sans-serif; font-weight: 400; color: #5A7E93; } section.faqs_section .faq .clickme{ font-size: 14px; color: #5A7E93; top: 4px; } section.faqs_section .faq .faq-body,section.faqs_section .faq .faq-body p,section.faqs_section .faq .faq-body li { color: #5A7E93; font-size: 13px; } section.faqs_section .faq { padding: 12px 0; } section.faqs_section .cta_button { padding:50px 0 0 0; display: block; clear: both; } section.plans_section .plan_tab_content .col-md-4{ border-right: 1px solid #D7D7D7; } section.plans_section .plan_tab_content .col-md-4:last-of-type{ border-right: none; } section.plans_section .plans .server_plan_box{ border: none; } section.plans_section .plans .server_plan_box:hover { background-color: transparent; box-shadow: none; } section.plans_section .plans .server_plan_box h3 { font-size: 22px; color: #407997; margin-bottom: 20px; } section.plans_section .plans .server_plan_box p { padding-bottom: 30px; } section.pricing_overview_section.GenericDev .container{ overflow:hidden; } section.pricing_overview_section.GenericDev .items.media{ margin-left: -20px; margin-right: -20px; } section.pricing_overview_section.GenericDev .items.media li{ padding-left: 20px; padding-right: 20px; } section.pricing_overview_section .items.media li .media_image{ width: 50px; left: 20px!important; } section.pricing_overview_section .items.media li .media_content{ padding-left: 65px; } section.pricing_overview_section.GenericDev .items.media li a.button { padding: 6px 60px; } /* ========== End Pricing ========== */ /* ========== Start sidebarnav ========== */ div.sidebarnav_section.affix { position: fixed; z-index: 9999; top: 0; } div.sidebarnav_section.affix ul { margin: 0 0 1.5rem 0; } .sidebarnav_section { position: absolute; left: 0; } .sidebarnav_section ul{ list-style: none; padding: 0; margin: -25px 0 1.5rem 0; position: absolute; left: 0; background-color: #0081aa; padding: 0; width: 270px; width: 100%; text-align: left; overflow: hidden; display:block; } .sidebarnav_section ul li{ display: block; margin: 0; } .sidebarnav_section ul li a{ color: #fff; font-size: 14px; font-family: 'Geomanist Book', sans-serif; display: block; width: 100%; padding: 10px 10px 10px 50px; line-height: 15px; border-radius: 0; } .sidebarnav_section ul li a:hover,.sidebarnav_section ul li a.active{ border-bottom: none; background-color: #4fa8c4; text-decoration: none; color: #ffffff; } .floatleft{ float: right; } .padding_50_0{ padding: 50px 0; } iframe{ max-width: 100%; } /* ========== End sidebarnav ========== */ /* ========== End Company ========== */ section.company_overview_section.section { padding-top:20px!important; padding-bottom:40px!important; overflow:hidden; } section.company_overview_section.GenericDev .items.media{ margin-left: -30px; margin-right: -30px; } section.company_overview_section.GenericDev .items.media li{ padding-left: 30px; padding-right: 30px; } section.company_about_section.section.GenericDev .items li.item{ } section.company_about_section.section.GenericDev .items li.item span{ display: block; color: #49C7EE; font-size: 22px; font-weight: 400; margin-top: 12px; line-height: 28px; } section.company_about_section.section.GenericDev .items li.item h3{ text-align: center; margin: 0; font-size: 14px; text-transform: capitalize; font-family: 'Geomanist', sans-serif; font-weight: 400; } section.company_milestones_section.section p{ color: #496B81; } .timeline ul { max-width: 800px; } .timeline li { text-align: left; padding-left: 30px; } .timeline li p{ font-size: 14px; line-height: 18px; } .timeline li.featured{ padding-right: 30px; padding-left: 0; } .timeline li.featured>div{ padding: 6px 18px; border-radius: 0; } .timeline li.featured>div h5{ margin: 0; font-size: 14px; font-family: 'Geomanist', sans-serif; font-weight: 400; line-height: 18px; } .timeline li.featured>div iframe{ width: 100%; margin-top: 20px; } .timeline li.featured::before { top: 6px; } .timeline li.featured>div::after { top: 10px; right: -5px; border-width: 5px 0 5px 5px; } .timeline li.featured>div::before { content: ''; position: absolute; right: -0; top: 10px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent transparent transparent transparent; } .timeline li.featured.acquisition>div::before{ border-color: transparent #22b8eb transparent transparent; } .timeline li.featured.acquisition>div::after{ border-color: transparent transparent transparent #22b8eb; } .timeline li.featured.acquisition>div{ background: #0081AA; } /* ========== End Company ========== */ /* ========== Start government ========== */ section.government_overview_section.GenericDev .container{ overflow:hidden; } section.government_overview_section.GenericDev .items.media{ margin-left: -20px; margin-right: -20px; } section.government_overview_section.GenericDev .items.media li{ padding-left: 20px; padding-right: 20px; } section.government_overview_section .items.media li .media_image{ width: 70px; left: 20px!important; } section.government_overview_section .items.media li .media_content{ padding-left: 90px; } .node-type-government section.dockercon_quotes_section .quotes_slider{ max-width: 900px; } section.government_get_started_section.GenericDev .container{ overflow:hidden; } section.government_get_started_section.GenericDev .items.media{ margin-left: -40px; margin-right: -40px; } section.government_get_started_section.GenericDev .items.media li{ padding-left: 40px; padding-right: 40px; } .dockercon16 section.customer_spotlight_section.section .video_container a.play_btn{ width: 100px; height: 100px; background-image: url(../images/video_icon_2454.png); } section.government_partners_section .government_partners_tabs ul { list-style: none; margin: 0; padding: 0; } section.government_partners_section .government_partners_tabs ul li { display: inline-block; font-size: 62px; position: relative; width: 100%; height: 110px; max-width: 33%; padding: 10px 0px; padding-bottom: 0; } section.government_partners_section .government_partners_tabs ul li:after { } section.government_partners_section .government_partners_tabs ul li a { display: table; width: 100%; height: 100%; overflow: hidden; } section.government_partners_section .government_partners_tabs ul li .helper { width: 100%; height: 100%; padding: 15px 15px; text-align: center; vertical-align: middle; display: table-cell; background-color: rgba(250, 250, 250, 0.72); } section.government_partners_section .government_partners_tabs ul li.current .helper { background-color: #FAFAFA; } section.government_partners_section .government_partners_tabs ul li.current:after { content: ""; position: absolute; left: 50%; bottom: -20px; margin-left: -10px; border: 10px solid transparent; border-top-width: 10px; border-top-color: #FAFAFA; } section.government_partners_section .government_partners_tabs ul li .helper img { max-height: 60px; margin: auto; max-width: 180px; } section.government_partners_section .government_partners_content { margin-top: 50px; display: none; } section.government_partners_section .government_partners_content h3 { font-size: 20px; font-weight: bold; margin-bottom: 20px; } section.government_partners_section .government_partners_content p { font-size: 14px; color: #E0F6FE; margin-bottom: 30px; } section.government_available_on_section.section { padding-bottom:0!important; } section.government_available_on_section .items { margin-bottom:0; } section.government_available_on_section .items li { margin-bottom: 0px; padding: 2px; display: table; } section.government_available_on_section .items li .helper{ background-color:#FAFAFA; display: block; padding: 30px 15px; height: 100%; display: table-cell; vertical-align: middle; } section.government_available_on_section .items li .helper img{ max-width:240px; max-height: 170px; } section.government_resources_section.GenericDev .container{ overflow:hidden; } section.government_resources_section.GenericDev .items.media{ margin-left: -15px; margin-right: -15px; } section.government_resources_section.GenericDev .items.media li{ padding-left: 15px; padding-right: 15px; } section.government_resources_section .items.media li .media_image{ width: 50px; left: 15px!important; } section.government_resources_section .items.media li .media_content{ padding-left: 60px; } section.government_resources_section.section.GenericDev .items.media li .media_content h3{ margin-bottom: 0px; } section.government_other_resources_section .GenericDev .container{ overflow:hidden; } section.government_other_resources_section .GenericDev .items.media{ margin-left: -15px; margin-right: -15px; } section.government_other_resources_section .GenericDev .items.media li{ padding-left: 15px; padding-right: 15px; } section.government_other_resources_section .items.media li .media_image{ width: 50px; left: 15px!important; } section.government_other_resources_section .items.media li .media_content{ padding-left: 63px; display: table; height: 50px; } section.government_other_resources_section .items.media li .media_content a{ display: table-cell; vertical-align: middle; height: 100%; text-decoration: none; } section.government_other_resources_section .items.media li .media_content h3{ margin-bottom:0; } section.government_other_resources_section .items.media li .media_image img{ max-width: 50px; max-height: 50px; } /* ========== End Government ========== */ /* ========== Start News And Press ========== */ section.feature_news_section.section { padding: 30px 0!important; } section.feature_news_section.section .items.media li .media_content { float: none; text-align: center; max-width: 350px; margin: auto; } section.feature_news_section.section .items.media li .media_content img{ max-width: 180px; max-height: 40px; } section.feature_news_section.section .items.media li .media_content h3{ font-size: 14px; text-transform: capitalize; text-align: center; color: #5BC6EC; } section.press_news_section.section div h2 { text-align:left; } div.media_kit_section { text-align:left; margin-bottom: 30px; } div.press_releases_section { text-align:left; } div.press_releases_section ul { list-style: none; padding: 0; margin: 0; } div.press_releases_section ul li{ margin-bottom:20px; } div.press_releases_section ul li .press-item .date{ font-family: 'Geomanist Book', sans-serif; font-weight: 100; color: #BFBFBF; font-size: 14px; } div.press_releases_section ul li .press-item h3,div.press_releases_section ul li .press-item a{ font-size: 14px; color: #5BC6EC; font-family: 'Geomanist', sans-serif; font-weight: 400; margin: 0; } div.news_section .scoopit-fulltheme-scoop-title h3{ font-size: 18px; color: #155A74; text-transform: uppercase; text-align: left; margin: 0; } div.news_section .scoopit-fulltheme-scoop-title h3 a{ color: #155A74; } div.news_section .scoopit-fulltheme-scoop-wrapper{ margin-bottom:80px; } div.news_section .scoopit-fulltheme-scoop-source{ font-family: 'Geomanist Book', sans-serif; font-weight: 100; color: #BFBFBF; font-size: 14px; margin-bottom:10px; } div.news_section .scoopit-fulltheme-scoop-source a{ text-transform:uppercase; color: #5BC6EC; } div.news_section .scoopit-fulltheme-scoop-content,div.news_section .scoopit-fulltheme-scoop-content p{ font-size: 14px; color: #496B81; padding-bottom: 20px; margin-bottom: 0px; text-align: left; } div.news_section .scoopit-fulltheme-scoop-image{ overflow: hidden; text-align: center; } div.news_section .scoopit-fulltheme-scoop-image img{ height: 150px; max-width: inherit; text-align: center; margin: auto; } div.news_section .scoopit-fulltheme-scoop-image img#postImage_None{ opacity: 0; } div.news_section .paginator, div.news_section .paginator tbody{ border: none; } div.news_section .paginator td{ color: #496B81; } div.news_section .paginator td a{ color: #5BC6EC; } .node-type-news div.press_section{ padding:60px 0; } .node-type-news div.press_section p, .node-type-news div.press_section li{ font-size: 14px; color: #496B81; line-height: 1.6; } /* ========== End News And Press ========== */ /* ========== Start Resources ========== */ section.feature_resources_section h2 { text-align:left; } section.feature_resources_section .resources_link a { padding-right: 20px; font-size: 14px; color: #496B81; padding-bottom: 10px; margin-bottom: 0px; text-align: left; } section.feature_resources_section .resources_link span { padding-right: 20px; font-size: 14px; color: #496B81; padding-bottom: 0; margin-bottom: 0px; text-align: left; } /* ========== End Resources ========== */ /* ========== End Use cases ========== */ section.use_case_item_section.section{ padding:100px 0; } section.use_case_item_section .items.media li{ min-height: 200px; display:table; padding:0!important; } section.use_case_item_section .items.media li .media_image{ width: 50px; text-align: center!important; top: 0px; } section.use_case_item_section .items.media li .media_content{ padding-left: 65px; display: table-cell; vertical-align: middle; float:none!important; padding-right: 90px; } section.use_case_item_section .button_table { display: table; } section.use_case_item_section .button_table_cell { display: table-cell; vertical-align: middle; } section.use_case_item_section .button_table_cell a.button{ display:block; max-width:250px; margin-left:auto!important; margin-right:auto!important; } section.use_case_item_section .quote_container { } section.use_case_item_section .quote_container .quotes_icon { background-image: url(../images/quote_icon_2452.png); width: 60px; height: 60px; margin: auto; margin-top: -20px; margin-left: 0; background-size: 110%; background-repeat: no-repeat; display: block; float: left; position: absolute; left: 0; } section.use_case_item_section.GenericDev .items>li .quote_container p { font-size: 20px; color: #ffffff; } section.use_case_item_section .quote_container .author { font-family: 'Geomanist Book', sans-serif; font-size: 20px; float: left; padding-left: 60%; color: #ffffff; } section.use_case_item_section .quote_container .author_position { font-family: 'Geomanist Book', sans-serif; font-size: 12px; float: left; padding-left: 61%; clear: both; line-height: 12px; color: #ffffff; } /* ========== End Use cases ========== */ /* ========== Start Partner Program ========== */ section.partner_program_overview_section.GenericDev .container{ overflow:hidden; } section.partner_program_overview_section.GenericDev .items.media{ margin-left: -40px; margin-right: -40px; } section.partner_program_overview_section.GenericDev .items.media li{ padding-left: 40px; padding-right: 40px; } section.partner_program_overview_section .items.media li .media_image{ width: 50px; left: 40px!important; } section.partner_program_overview_section .items.media li .media_content{ padding-left: 65px; } section.partner_program_benefits_section.GenericDev .container{ overflow:hidden; } section.partner_program_benefits_section.GenericDev .items.media{ margin-left: -20px; margin-right: -20px; } section.partner_program_benefits_section.GenericDev .items.media li{ padding-left: 20px; padding-right: 20px; } section.partner_program_benefits_section .items.media li .media_image{ width: 50px; left: 20px!important; } section.partner_program_benefits_section .items.media li .media_content{ padding-left: 65px; } section.partner_program_benefits_section .program_benefits_footer p{ font-size: 14px; color: #E0F6FE; margin-bottom: 30px; line-height: 1.6; } section.partner_program_benefits_section p small{ font-size: 100%; } section.partner_program_authorized_section img, section.partner_program_technology_section img{ margin-bottom:30px; } section.partner_program_technology_section p a{ color: #E0F6FE; } section.become_partner_portal_section.section{ text-align: left; padding: 20px!important; } section.become_partner_portal_section.section p{ font-size: 14px; color: #496B81; margin-bottom: 30px; line-height: 1.6; } section.become_partner_portal_section a.button{ min-width: 280px; } /* ========== End Partner Program ========== */ /* ========== Start customers ========== */ section.feature_customer_section.GenericDev .container{ overflow:hidden; } section.feature_customer_section.GenericDev .items.media{ margin-left: -40px; margin-right: -40px; } section.feature_customer_section.GenericDev .items.media li{ padding-left: 40px; padding-right: 40px; } section.feature_customer_section.GenericDev .video_container img{ width: 100%; } section.customers_logos_section .items { margin-bottom:0; } section.customers_logos_section .items li { margin-bottom: 0px; padding: 2px; } section.customers_logos_section .items li a { display: table; width: 100%; height: 100%; overflow: hidden; } section.customers_logos_section .items li .helper{ background-color:#FAFAFA; display: block; padding: 60px 15px; height: 100%; width: 100%; text-align: center; vertical-align: middle; display: table-cell; position: relative; } section.customers_logos_section .items li .helper .vcenter{ position: absolute; display: table; width: 100%; cursor: pointer; left: 0; top: 0; padding: 0px 10px; right: 0; bottom: 0; text-align: center; margin: auto; font-size: 22px; color: #fff; text-transform: uppercase; opacity: 0; } section.customers_logos_section .items li .helper img{ max-width: 180px; max-height: 100px; } section.customers_logos_section .items li .helper:hover{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; left: 0; right: 0; top: 0; bottom: 0; background-color: #29bbec; } section.customers_logos_section .items li .helper:hover .vcenter{ opacity: 1; } section.customers_logos_section .items li .helper:hover img{ opacity: 0; } .node-type-customers-page section.dockercon_quotes_section .quotes_slider { max-width: 900px; } .node-type-customers-page section.dockercon_quotes_section .quotes_slider .slides li .author_position{ font-family: 'Geomanist Book', sans-serif; font-size: 20px; float: left; padding-left: 70%; } /* ========== End customers ========== */ /* ========== livedockercon ========== */ section.livedockercon_section{ background-image: url(../images/livedocker_bg_image.png)!important; background-size: cover!important; } .dockercon16 section.livedockercon_section.section h2{ text-transform: capitalize; text-align: left; } section.livedockercon_section .left{ text-align: left; max-width: 748px; } section.livedockercon_section .left .video_container img{ box-shadow: 0px 6px 30px #000; width: 100%; } section.livedockercon_section.section .left .video_container a.play_btn{ background-image: url(../images/video_icon_2453-1.png); } section.livedockercon_section .left .keynote{ font-size: 13px; color: #fff; margin-top: 30px; display: block; } section.livedockercon_section .left iframe{ } section.livedockercon_section .right{ margin-top: 10%; text-align: left; } section.livedockercon_section.section .right a.button.darkblue-btn{ margin: 0; padding: 23px 15px; width: 300px; text-align: left; padding-left: 130px; position: relative; font-size: 12px; max-width: 100%; } section.livedockercon_section.section .right a.button.darkblue-btn i{ background-repeat: no-repeat; background-size: 100px 34px; width: 100px; height: 34px; left: 15px; top: 12px; position: absolute; } section.livedockercon_section .right span{ display: block; font-size: 10px; color: rgba(255, 255, 255, 0.51); margin-bottom: 50px; margin-top: 5px; } i.livedockercon_apple { background-image: url(../images/livedockercon_apple_icon.png); } i.livedockercon_win { background-image: url(../images/livedockercon_win_icon.png); top: 14px!important; } /* ========== End livedockercon ========== */ /* ========== Start pricing ========== */ .pricing-tables{ float:left; padding: 0; position: relative; width: 100%; margin-left: 0px; margin-right: 0px; margin-top: 50px; margin-bottom: 60px; } .pricing-tables > li{ padding: 30px; border: 1px solid #CCC; border-radius: 0px; float: left; background-color: #fff; list-style: none; text-align: center; width: 33.33%; height: auto; position: relative; z-index: 1; } .pricing-tables > li .plan-name { margin-bottom: 20px; } .pricing-tables > li .plan-name h3 { font-size: 22px; color: #407997; text-transform: uppercase; } .pricing-tables > li .plan-name h3 > strong { display: block; margin-top: 5px; } .pricing-tables > li .plan-description { font-size: 14px; color: #515656; line-height: 20px; margin-bottom: 10px; } .pricing-tables > li .plan-description p { font-size: inherit; color: inherit; line-height: inherit; margin: 0; } .pricing-tables > li .starting-prices { font-size: 16px; color: #407997; font-family: 'Geomanist Book', sans-serif; display: block; margin-bottom: 15px; } .pricing-tables > li .starting-prices p { margin: 0; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } .pricing-tables > li .plan-button { } .pricing-tables > li .plan-button a { display: block; margin: 5px auto !important; padding: 15px 15px !important; max-width: 190px; float: none; } .pricing-tables > li .plan-button a+a { margin-top: 30px !important; } .pricing-tables > li .feature-list { padding: 0 10px; line-height: normal; margin-bottom: 20px; } .pricing-tables > li .feature-list ul { padding: 20px 0px 10px 0px; margin: 20px 0px 0px 0px; list-style: none; } .pricing-tables > li .feature-list ul li { font-size: 14px; color: #515656; font-weight: 400; position: relative; margin-bottom: 20px; } .pricing_cloud_section .pricing-tables > li .feature-list ul li { margin-bottom: 0px; } .pricing-tables .note { margin-top: 50px; display: block; font-size: 12px; line-height: 18px; color: #5A7E93; } .pricing-tables > li .feature-list ul li>span { display: block; } .pricing-tables > li .feature-list ul li strong { color: #5A7E93; font-weight: 500; } .pricing-tables > li .feature-list ul li i.tickFree { background-image: url(../images/plan_box_tick.png); height: 12px; width: 10px; display: inline-block; margin-right: 5px; } .pricing-tables > li.standard { /* z-index: 2; box-shadow: 0px 0px 10px 6px #ddd; */ border-right: 0; border-left: 0; } .livedockercon_section .left .video-wrapper { position: relative; } .livedockercon_section .left .video_container { z-index: 2; } .livedockercon_section .left iframe { display:none; opacity:0; position: absolute; top: 0; left: 0; z-index: 1; } /* ========== End pricing ========== */ /* ========== Start Products ========== */ .node-type-product .dockercon16 section.GenericDev h3,.node-type-product .dockercon16 section.GenericDev p{ text-align: center!important; } .node-type-product .dockercon16 section.product_features_product_section.GenericDev .items>li h3,.node-type-product .dockercon16 section.product_features_product_section.GenericDev .items>li p{ text-align: left!important; } .node-type-product .dockercon16 section.product_features_product_section.GenericDev .items>li .button{ margin: auto!important; } .node-type-product .dockercon16 section.product_overview_product_section.GenericDev h3{ font-size: 18px; color: #155A74; text-transform: uppercase; text-align: left; margin-top: 0px; margin-bottom: 8px; } .node-type-product .dockercon16 section.product_overview_product_section.GenericDev .row p{ font-size: 14px; color: #496B81; padding-bottom: 20px; margin-bottom: 0px; text-align: left; } .node-type-product .dockercon16 section.product_overview_product_section.GenericDev .lab1,.node-type-product .dockercon16 section.product_overview_product_section.GenericDev .lab2{ margin-bottom: 50px; } .dockercon16 section.toolbox_overview_section.GenericDev .items>li ul li{ font-size: 14px; color: #496B81; } /* ========== End Products ========== */