html, body{ font-size: 100%; background:url(../images/banner.jpg) no-repeat 0px 0px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-attachment: fixed; font-family: 'Raleway', sans-serif; } h1,h2,h3,h4,h5,h6,input,p,a,select,button{ font-family: 'Raleway', sans-serif; margin:0; } ul,label{ margin:0; padding:0; } body a:hover,body a{ text-decoration:none; } /*-- main --*/ .agileits_copyright{ text-align: center; } .agileits_copyright p{ font-size: 1em; color: #fff; margin: 4em 0 0; line-height: 1.8em; padding: 0 1em; text-transform: capitalize; } .agileits_copyright p a{ color:#f1a700; text-decoration:underline; } .agileits_copyright p a:hover{ color:#D2D2D2; } input[type="submit"],a{ transition:.5s ease-in; -webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; -ms-transition:.5s ease-in; } .main{ margin: 3em auto; position: relative; height: 100%; } .main h1{ text-align:center; color:#fff; font-size:2.5em; margin-bottom:1.5em; } /*-- //main --*/ .w3_agile_main_grids{ width:70%; margin:0 auto; } .agile_main_grid_left{ float:left; width:35%; text-align: center; } .agileits_w3layouts_main_grid_right{ float:right; width:65%; } .w3_agileits_main_grid_left_grid{ padding:2em; background:#f1a700; } .w3_agileits_main_grid_left_grid h2{ font-size:1.2em; color: #fff; text-transform: capitalize; font-weight: 600; } .w3_agileits_main_grid_left_grid h3{ font-size: 3em; color: #fff; margin: .3em 0; letter-spacing: 3px; } .w3_agileits_main_grid_left_grid h3 span{ font-size: .5em; } .w3_agileits_main_grid_left_grid p{ font-size:1em; color:#fff; text-transform:capitalize; } .agileinfo_main_grid_left_grid{ padding:2.5em 2em 3.5em; background:#00968f; } .agileinfo_main_grid_left_grid h3{ font-size:1.5em; color:#fff; text-transform:capitalize; } .wthree_main_grid_right_grid{ padding:3.05em 2em; background:rgba(0, 0, 0, 0.51); } .agileinfo_main_grid_left_grid p{ font-size:14px; color:#fff; margin:.5em 0 2em; text-transform:capitalize; } .agileinfo_main_grid_left_grid ul li{ display:block; margin-bottom:1em; color:#fff; font-size:1em; font-weight:600; text-transform:uppercase; text-align: left; } .agileinfo_main_grid_left_grid ul li i{ padding-right: 1em; color: #212121; width: 20%; text-align: center; } .agileinfo_main_grid_left_grid ul li:last-child{ padding-bottom:1em; } .agileits_questions{ font-size:1em; color:#fff; text-decoration:none; } .agileits_questions:hover{ color:#212121; } .w3layouts_help_desk{ margin:3em 0 0; } .w3layouts_help_desk a{ padding:10px 30px; border:2px solid #fff; color:#fff; font-size:14px; font-weight:600; text-decoration:none; } .w3layouts_help_desk a:hover{ background: #f1a700; border:2px solid #f1a700; } .wthree_main_grid_right_grid h3{ font-size:1.5em; color:#f1a700; text-transform:capitalize; } .w3ls_main_grid_right_grid_form{ margin:2em 0 0; } .w3l_main_grid_right_grid_form1{ float:left; width:30.8%; } .w3l_main_grid_right_grid_form1 label,.w3l_main_grid_right_grid_form2 label,.w3_main_grid_right_grid_form_textarea label{ font-size: 13px; color: #00968f; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; } .w3l_main_grid_right_grid_form1 input[type="email"],.w3l_main_grid_right_grid_form2 input[type="text"], .w3layouts_select,.w3ls_main_grid_right_grid_form textarea{ outline: none; padding: 10px 0; color: #fff; font-size: 13px; border: none; border-bottom: 2px solid #f2f2f2; background: none; font-weight: 600; font-family: 'Raleway', sans-serif; width:100%; } .w3layouts_select option{ color:#212121; } .w3l_main_grid_right_grid_form1 input[type="email"]::-webkit-input-placeholder, .w3l_main_grid_right_grid_form2 input[type="text"]::-webkit-input-placeholder, .w3ls_main_grid_right_grid_form textarea::-webkit-input-placeholder{ color: #fff !important; } .w3ls_main_grid_right_grid_form textarea{ min-height:120px; } .w3l_main_grid_right_grid_form1:nth-child(2){ margin:0 1.5em; } .w3l_main_grid_right_grid_form2{ float:left; width:48%; margin-top:1.5em; margin-bottom:1.5em; } .w3l_main_grid_right_grid_form2:nth-child(5){ margin-left:1.5em; } .w3layouts_check { margin: 2em 0; } .w3layouts_check label { font-size: 1em; color: #00968f; margin: 1.5em 0 0 0em; text-transform: capitalize; } .checkbox { position: relative; padding-left: 38px !important; cursor: pointer; } .checkbox i { position: absolute; bottom: -1px; left: 0; display: block; width: 18px; height: 18px; outline: none; border: 2px solid #fff; background: none; } .checkbox input + i:after,.radio input + i:after { position: absolute; opacity: 0; transition: opacity 0.1s; -o-transition: opacity 0.1s; -ms-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; } .checkbox input:checked + i:after,.radio input:checked + i:after{ opacity: 1; } .checkbox input,.radio input { position: absolute; left: -9999px; } .checkbox input + i:after { content: "\f00c"; background: none; top: 0px; left: 0px; width: 18px; height: 18px; font-family: FontAwesome; text-align: center; color: #00968f; } .w3ls_main_grid_right_grid_form input[type="submit"]{ outline: none; padding: 10px 0; font-size: 1em; font-weight: 600; color: #fff; border: none; width: 50%; background: #f1a700; cursor: pointer; } .w3ls_main_grid_right_grid_form input[type="submit"]:hover{ background:#00968f; } /*-- start-responsive-design --*/ @media (max-width:1440px){ .w3_agile_main_grids { width: 76%; } } @media (max-width:1366px){ .w3l_main_grid_right_grid_form1 { width: 30.6%; } } @media (max-width: 1280px){ .w3_agile_main_grids { width: 80%; } .w3l_main_grid_right_grid_form2 { width: 47.9%; } } @media (max-width: 1080px){ .main h1 { margin-bottom: 1em; } .w3_agileits_main_grid_left_grid h3 { font-size: 2.7em; } .w3_agileits_main_grid_left_grid p { font-size: 14px; line-height: 1.8em; } .agileinfo_main_grid_left_grid h3 { font-size: 1.3em; } .agileinfo_main_grid_left_grid p { font-size: 12px; } .agileinfo_main_grid_left_grid ul li i { width: 13%; } .agileinfo_main_grid_left_grid ul li { font-size: .9em; } .w3l_main_grid_right_grid_form1 { width: 30%; } .w3l_main_grid_right_grid_form2 { width: 47.54%; } .w3ls_main_grid_right_grid_form textarea { min-height: 116px; } .agileits_copyright p { margin: 3em 0 0; } } @media (max-width: 1024px){ .w3_agile_main_grids { width: 84%; } .w3l_main_grid_right_grid_form2 { width: 47.5%; } } @media (max-width: 991px){ .w3_agile_main_grids { width: 88%; } } @media (max-width: 900px){ .w3_agileits_main_grid_left_grid h3 { font-size: 2.4em; letter-spacing: 2px; } .agileinfo_main_grid_left_grid h3 { font-size: 1.16em; } .wthree_main_grid_right_grid h3 { font-size: 1.45em; } .w3l_main_grid_right_grid_form1 { width: 29.7%; } .w3l_main_grid_right_grid_form2 { width: 47.28%; } .w3layouts_help_desk { margin: 2.5em 0 0; } .wthree_main_grid_right_grid { padding: 2.9em 2em; } .w3l_main_grid_right_grid_form1 label, .w3l_main_grid_right_grid_form2 label, .w3_main_grid_right_grid_form_textarea label { letter-spacing: 1.5px; } } @media (max-width: 800px){ .agile_main_grid_left { float: none; width: 100%; } .agileinfo_main_grid_left_grid ul li i { width: 38%; text-align: right; padding-right: 3em; } .agileinfo_main_grid_left_grid h3 { font-size: 1.3em; } .agileits_w3layouts_main_grid_right { float: none; width: 100%; } .w3_agile_main_grids { width: 75%; } } @media (max-width: 768px){ .main h1 { font-size: 2.2em; } .agileinfo_main_grid_left_grid ul li i { width: 32%; } .agileits_copyright p { margin: 2em 0 0; } .main { margin: 2em auto; } } @media (max-width: 667px){ .wthree_main_grid_right_grid h3 { font-size: 1.4em; } .w3_agile_main_grids { width: 78%; } } @media (max-width: 640px){ .agileinfo_main_grid_left_grid ul li i { padding-right: 2em; } .w3_agile_main_grids { width: 81%; } } @media (max-width: 600px){ .agileinfo_main_grid_left_grid ul li i { width: 28%; } .w3_agile_main_grids { width: 87%; } } @media (max-width: 568px){ .w3l_main_grid_right_grid_form1:nth-child(2) { margin: 0 1em; } .w3l_main_grid_right_grid_form1 { width: 30.7%; } .w3l_main_grid_right_grid_form2:nth-child(5) { margin-left: 1em; } .w3l_main_grid_right_grid_form2 { width: 48%; } .w3ls_main_grid_right_grid_form textarea { min-height: 80px; } .agileits_copyright p { font-size: 14px; } } @media (max-width: 480px){ .main h1 { font-size: 2em; } .wthree_main_grid_right_grid { padding: 2em 2em; } .wthree_main_grid_right_grid h3 { font-size: 1.15em; } .w3l_main_grid_right_grid_form1 { width: 100%; float: none; } .w3l_main_grid_right_grid_form1:nth-child(2) { margin: 1.5em 0; } .w3l_main_grid_right_grid_form2 { width: 47.6%; } .w3ls_main_grid_right_grid_form input[type="submit"] { width: 65%; } } @media (max-width: 414px){ .w3_agileits_main_grid_left_grid { padding: 1.5em; } .agileinfo_main_grid_left_grid { padding: 2em 1.5em 3em; } .agileinfo_main_grid_left_grid ul li i { width: 20%; } .wthree_main_grid_right_grid h3 { font-size: 1.1em; line-height: 1.5em; } .w3l_main_grid_right_grid_form2 { width: 47.1%; } .w3layouts_check label { font-size: .9em; } .checkbox input + i:after { top: 1px; left: 1px; } .w3ls_main_grid_right_grid_form input[type="submit"] { width: 100%; } } @media (max-width: 384px){ .main h1 { font-size: 1.8em; } .w3_agileits_main_grid_left_grid h3 { font-size: 2.1em; } .w3l_main_grid_right_grid_form2 { width: 100%; float:none; } .w3l_main_grid_right_grid_form2:nth-child(5) { margin-left: 0; margin-top: 0; } .checkbox input + i:after { top: 2px; left: 0px; } } @media (max-width: 320px){ .main h1 { font-size: 1.6em; } .w3_agile_main_grids { width: 90%; } .w3_agileits_main_grid_left_grid h3 { font-size: 2em; } .w3_agileits_main_grid_left_grid h2 { font-size: 1.1em; } .agileinfo_main_grid_left_grid h3 { font-size: 1.26em; } .agileinfo_main_grid_left_grid { padding: 1.5em 1.5em 2.5em; } .agileinfo_main_grid_left_grid p { line-height: 1.8em; } .agileinfo_main_grid_left_grid ul li { font-size: .8em; } .agileinfo_main_grid_left_grid ul li i { width: 10%; } .agileits_questions { font-size: .9em; } .w3layouts_help_desk { margin: 2em 0 0; } .wthree_main_grid_right_grid { padding: 1.5em; } .checkbox i { width: 15px; height: 15px; border: 1px solid #fff; } .checkbox input + i:after{ width: 15px; height: 15px; top: 1px; } .w3layouts_check label { font-size: .8em; padding-left: 25px !important; } .w3ls_main_grid_right_grid_form input[type="submit"] { font-size: 14px; } .agileits_copyright p { font-size: 13px; } .w3l_main_grid_right_grid_form1 label, .w3l_main_grid_right_grid_form2 label, .w3_main_grid_right_grid_form_textarea label { font-size: 12px; } }