/*====================================== reset.css is here ========================================*/ *{margin:0;padding:0;box-sizing:border-box;} w { margin:0; padding:0;} table { border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;max-width: 100%; height: auto;} figure{display: block; margin: 0;} address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;} ol,ul { list-style:none; margin: 0;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold;} q:before,q:after {content:'';} abbr,acronym { border:0;} .clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;} .clearfix:after {display: block;content: "";clear: both;} .clrflt{clear:both;} .last {margin:0 !important;} .pad_last{padding:0 !important;} .no_bg {background:none !important;} .no_bor { border: 0 !important;} *{box-sizing:border-box;padding: 0 0 0 0;} header,nav,section,article,aside,footer,hgroup {display: block;} a{display:inline-block;color:#007bff;cursor: pointer} a:hover{text-decoration: underline; outline: none;cursor: pointer} figure{line-height:0;} /**************************************************************************************/ h1{font-size: 42px;line-height: 50px;color: #fff;} h2{font-size: 52px;line-height: 56px;color: #fff;} h3{font-size:30px;line-height: 32px;display: block;text-align: center;color: #3367ca;margin: 0;} h4{font-size: 24px;line-height: 26px;color: #3367ca;font-weight: bold;margin: 0;} .form-evisa h2 {font-size: 24px;line-height: 26px;color: #3367ca;font-weight: bold;margin: 0;} .form-evisa .badge-secondary { font-size: 18px;} .marketing-titre {font-size: 22px;line-height: 26px;color: #000000;font-weight: bold;margin: 0;display: block;} .marketing-titre span {font-size: 22px;} h5{font-size: 20px;line-height: 26px;color: #3367ca;margin: 0;font-weight: 700;} h6{font-size: 16px;line-height: 18px;/* color: #353535; */margin: 0;font-weight: bold;} p{font-size: 12px;line-height: 18px;font-weight: normal;color: #3e3c3c} .row.mt-5.list-group.for_desktop { margin-top: 1rem !important; } /*fonts */ @font-face { font-family: 'arial_narrowbold'; src: url('/fonts/arial_narrow_bold/arial_narrow_bold-webfont.woff2') format('woff2'), url('/fonts/arial_narrow_bold/arial_narrow_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /*======================================================= Index page ======================================================*/ /* Design */ html { height: 100%;} body {font-size: 14px; height: 100%; font-weight: normal;font-family: 'Open Sans', sans-serif;} .wrapper{margin:0 auto;max-width:100%;height: 100%;height: auto;overflow-x:hidden;} .container {max-width:1168px ;display: block;margin: 0 auto;} .container_large {max-width:1368px ;display: block;margin: 0 auto;} header{} .url-main{margin-left: 25px;} .header-top {border-top:solid 1px #67696c;background: #616366;padding: 0 25px 1px 17px;} .email-content {} .email-content span {position: relative;font-size: 13px;line-height: 21px;color: #fff;padding: 0 22px 0 42px;letter-spacing: -0.6px;} .email-content span:after {content: '';position: absolute; top: 0; left: 0; width:33px; height:24px;background: url(/images/russianflag.png) no-repeat center } .email-content a {font-size: 13px;line-height: 22px;color: #fff;font-family: 'Open Sans', sans-serif;} /* nav start here */ .navbar {padding: 0 16px 0 27px;/*max-width: 1168px;*/ max-width: 100%; margin: 0 auto;color: #5c5c5c;} .navbar-nav {padding: 10px 0 0 35px;color: #5c5c5c;} .navbar-nav .nav-item {padding: 0 10px 0 31px;color: #5c5c5c;} .navbar-nav .nav-item:first-child {padding: 0 23px 0 23px;color: #5c5c5c;} .nav-link u-url a{color: #5c5c5c;} .navbar-nav .nav-item .nav-link {font-size: 16px;line-height: 24px;font-weight: 500;color: #5c5c5c;padding: 0 0 8px 0;letter-spacing: -0.9px;} .india-logo { padding: 0 0 1px 0; } .navbar-nav .nav-item .nav-link:hover {color: #ff3b3b;font-size: 16px;line-height: 24px;font-weight: 500;padding: 0 0 4px 0;letter-spacing: -0.9px; transition: 0.2s; } .navbar-nav .nav-item .nav-link .active {font-size: 16px;line-height: 24px;font-weight: 500;color: #5c5c5c;padding: 0 0 8px 0;letter-spacing: -0.9px; } .navbar-nav .nav-item .nav-link .nav-link {font-size: 16px;line-height: 24px;font-weight: 500;color: #5c5c5c;padding: 0 0 8px 0;letter-spacing: -0.9px;} .navbar-nav .nav-item .nav-link.active {font-size: 16px;line-height: 24px;font-weight: 500;color: #5c5c5c;padding: 0 0 8px 0;letter-spacing: -0.9px;} /* countries_dropdown start here */ .countries_dropdown {display: inline-block;vertical-align: top;padding: 0;} .showall {display: inline-block;vertical-align: top;font-size: 15px;line-height: 26px;background:#828282;padding:21px 22px 15px; text-transform: uppercase; color: #fff; font-weight: bold;} .countries_dropdown .ddcommon .ddChild { height:auto !important;} .india-logo.mob_hide{display: none;text-align: left;} .countries_dropdown .ddcommon .ddTitle .ddTitleText img {position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);width: 16px;height: auto;left: 2px;} .breadcrumb-item a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } .flag .dd .ddArrow {position: absolute;right: -1%;border-radius: 0 9px 8px 0;top: 49%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);cursor: pointer;} .flag .dd .ddArrow:after {content: "\f0d7";color: #fff;font-family: 'FontAwesome';font-size: 23px;} .flag .dd .divider { border: 0; left:0;} .flag .dd .ddTitle .ddTitleText {padding: 0;font-family: 'Open Sans', sans-serif;font-weight: 600;color: #622a78;font-size: 15px;line-height: 24px;text-align: left;text-transform: uppercase;/* border: solid 2px #cecece; */border-radius: 8px;padding: 4px 17px 6px 14px;outline: 0 none;text-transform: capitalize;font-weight: bold;cursor: pointer;width: 158px;} .flag .dd .ddTitle {background: none;border: 0;width: 100%;outline: none;} .flag .dd {border:0;width: 100% !important;outline: 0 none;} .flag .dd.ddcommon.borderRadiusTp .ddArrow:after { content: "\f0d8"} .flag .dd.ddcommon.borderRadiusTp .ddArrow { top: 45%;} .flag .ddcommon .ddChild {overflow-x:inherit;overflow-y: inherit;background: #616366;overflow:auto;/*height: 186px !important;*/top: 100% !important;border: 0 !important;} .flag .ddcommon ul { width: 100%; height: 100%;} .flag .dd .ddChild li.selected {border-radius:0px;background: #ff3b3b;} .flag .dd .ddChild li img {margin:0 auto;max-width: 100%;height: auto;position: absolute;width: 16px;padding: 0;height: auto;left: 10px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);} .flag .dd .ddChild li {background: #616366;padding: 5px 0;cursor: pointer;position: relative;} .flag .ddcommon .shadow {-webkit-box-shadow:none;} .flag .dd .ddChild li .ddlabel {font-size: 14px;line-height: 21px;color: #fff;padding: 0 0 0 35px;} .flag .ddlabel {font-size: 14px;line-height: 16px;display: inherit;color: #fff;text-transform: uppercase;padding: 0px 3px 0 23px;font-weight: 400;text-align: left;} /* banner start here */ .banner-cnt {} .banner-cnt.banner-cnt1 {position: relative;} .banner-cnt.banner-cnt1:after {content: '';position: absolute;width: 100%;min-height: 70px;background: rgba(45, 45, 45, 0.8);left: 0;right: 0;bottom: 0;} .banner-cnt.banner-cnt1 img {width: 100%;height:415px;object-fit: cover;object-position: 50% 50%;} .banner-cnt.banner-cnt2 {position: relative;} .banner-cnt.banner-cnt2 img {width: 100%;height:205px;object-fit: cover;} .banner-cnt.banner-cnt3 {position: relative;} .banner-cnt.banner-cnt3 img {width: 100%;height:150px;object-fit: cover;object-position: top;} .banner-cnt img {width:100%;height: auto; } .banner-txt {position: absolute;top: 0;left: 0; right: 0; max-width:932px;padding: 37px 0 0 0;z-index: 9; margin: 0 auto;} .banner-order-txt { position: absolute; top: 0; left: 50%; transform: translateX(-50%); right: 0; max-width: 932px; padding: 27px 0 0 0; z-index: 9; margin: 0 auto; text-align: center; } .banner-cnt p {text-align: center;font-size: 16px;line-height: 20px;font-weight: 600;color: #fff;padding: 0;position: absolute;bottom: 21px;left:0;right: 0;z-index: 9;} .banner-txt h1 { width: 100%; text-align: center;padding: 0 0 21px 14px;letter-spacing: 0.1px;color: #fff;text-shadow: 1px 2px 3px rgba(0,0,0, 0.5); font-size: 36px} .banner-order-txt h1 { width: 100%; text-align: center;padding: 0 0 21px 14px;letter-spacing: 0.1px;color: #fff;text-shadow: 3px 2px 5px rgba(0,0,0, 0.5); } .e-tourist-visa {max-width: 341px;border-radius: 8px;background: rgba(255, 255, 255, 0.73);margin: 0 0 0 0;padding: 29px 10px 13px 9px; margin: 0 auto;} .title-card {font-size: 18px;line-height: 20px;font-weight: 600;color: #67696c;padding: 0 0px 26px 11px;text-align: center;display:block;} .e-tourist-visa a {max-width: 275px;margin: 0 auto 24px;display: block;padding: 13px 0 13px 0;background: #ff3b3b;font-size: 16px;line-height: 20px;border-radius: 7px;font-weight: 600;border-color:#ff3b3b} .e-tourist-visa a:hover{border-color: #ed1a33;} .e-tourist-visa a:nth-child(2) {margin: 0 auto 28px;} a.help-card {font-size: 12px;line-height: 14px;font-weight: 400;display: block;text-align: center;padding: 0 20px 0 0;background: none;} help-card a:link { color: #0000EE; } help-card a:visited { color: #551A8B; } /* banner end here */ /* maincontent start here */ .maincontent {} .maincontent-cocon,.maincontent-contact { max-width: 1200px; margin: 0 auto; } .contact-body{ max-width: 600px; padding:10px;} .maincontent-contact h2 { font-size: 22px; line-height: 26px; color:#000000; } .maincontent-contact h1 { line-height: 20px; display: block; text-align: center; color: #686868; margin: 45px 0 55px 0; width: 100%; } .trait-contact::after { content: ''; position: absolute; left: 0; right: 0; margin: 50px auto; width: 10%; height: 6px; background: #ff3b3b; } .maincontent-contact .input-group{ /* margin:10px;*/ } /* how its works starts here */ .how-its-works {background: #f9f9f9;border-bottom: solid 1px #eeeeee;} .howits-works-main {min-width: 1121px;margin: -29px auto 0;display: block;} .howits-works-main ul {} .howits-works-main ul li {position: relative;} .howits-works-main ul li:first-child:after {content: '';position: absolute;top: 21%;width: 115px;height: 50px;background: url(/images/arrow1.png) no-repeat center;right: -55px;} .howits-works-main ul li:last-child:before {content: '';position: absolute;top: 20%;width: 115px;height: 50px;background: url(/images/arrow1.png) no-repeat center;left: -35px;} .button_index {max-width: 1200px;display: block;margin: 0 auto;cursor: pointer } .button_index a,.button_index_large a { font-size: 18px; line-height: 25px; font-weight: 600; cursor: pointer; } aside { margin-top: 50px; } .howits-works-main span {padding: 14px 25px 17px 0;max-width: 909px;display: block;background:url(/images/bgimg.png) no-repeat center;color: #fff;text-align: center;margin: 0 auto -23px;font-size: 16px;line-height: 20px;font-weight: 600;background-size: 100% 100%;} .howits-works-main ul {padding: 0 22px 9px 23px;} .howits-works-cnt {text-align: center;} .howits-works-cnt .title {padding: 17px 0 6px 25px;font-size: 1.2em;line-height: 16px;font-weight: 600;text-align: center;letter-spacing: -0.3px;} .howits-works-cnt p {text-align: center;position: relative;padding: 9px 50px 0 86px;display: inline-block;margin: 0 auto;line-height: 20px;font-size: 14px;} .howits-works-cnt p:after {content: '';position: absolute;top: 0;left: 33px;right: 0;width: 209px;height: 1px;border: dotted 1px #cccccc;margin: 0 auto;} .icon-cnt {width: 103px;height: 103px;margin: 0 auto;display: block;border-radius: 100%;background: url(/images/sprite1.png) no-repeat center #ff3b3b;background-position: 28px -329px;} .icon-cnt.icon-cnt1 {background: url(/images/sprite1.png) no-repeat center #ff3b3b;background-position: 28px -329px;} .icon-cnt.icon-cnt2 {background: url(/images/sprite1.png) no-repeat center #ff3b3b;background-position: -78px -329px;} .icon-cnt.icon-cnt3 {background: url(/images/sprite1.png) no-repeat center #ff3b3b;background-position: -191px -329px;} /* how its works end here */ .cocon_main {padding: 9px 0 0 0;margin: 0;} .cocon-margin {margin: 0 50px;} .cocon {padding: 0;position: relative;max-width: 100%;-webkit-flex: 0 0 100%;flex: 0 0 100%;-ms-flex: 0 0 100%;} .cocon ul { position: relative;} /*.cocon ul:after {content: '';position: absolute;top: 25px;right: -7px;width: 1px;height: 95%;border-right: dotted 1px #000;}*/ /*.cocon ul:before {width: 1px;height: 96%;position: absolute;top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);right: 0;border-right: dotted 2px #000;}*/ .cocon ul li {padding: 0 0 7px 0;} .cocon ul li.pad1 {padding: 0 0 12px 0;} .head-txt {margin: 20px 0 5px 0;display: block;position: relative;text-align: left;padding: 0 0 0 0;} .head-txt.head-txt h4 { font-size: 20px; line-height: 22px;} .head-txt:after {content: '';position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background: #d8d8d8;left: 0;} .head-txt:before {content: '';position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background: #d8d8d8;right: 0;} .head-txt h2 {text-align: left;position: relative;z-index: 9;background: #fff;color: #3367ca;display: inline-block;padding: 0 22px;font-weight: 700;line-height: 120%;margin: 10px 0; overflow: hidden; font-size: 1.7rem;} h2.mainh2 {color: #ff3b3b;} .head-txt h3 {text-align: left;position: relative;z-index: 9;background: #fff;display: inline-block;padding: 0 10px;font-weight: 700;line-height: 110%;margin: 10px 0; overflow: hidden; font-size: 1.5rem;} .title-page {text-align: center;position: relative;z-index: 9;background: #fff;display: inline-block;padding: 0 10px;font-weight: 700;line-height: 110%;margin: 10px 0; overflow: hidden; font-size: 1.5rem;color:#3367ca} /*.head-txt h5:after {content: '';position: absolute;bottom: -26px;width: 210px;height: 1px;border-top: dotted 1px #cccccc;left: 0;right: 0;margin: 0 auto;}*/ .cocon-txt {padding: 0 6px 0 11px;margin: 0 15px;} .cocon-txt p {position: relative;padding: 0 0 1px 0;color: #686868;font-size: 1rem; line-height: 145%; } .cocon-right {padding: 1px 0 0 53px;max-width: 34%;-webkit-flex: 0 0 34%;flex: 0 0 34%;-ms-flex: 0 0 34%;} .cocon-heading {position:relative;text-align: center;margin: 0;} .cocon-heading:after {content: '';position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background: #d8d8d8;left: 0;right: 0;} .cocon-heading h5 {display: inline-block;position: relative;z-index: 9;background: #fff;padding: 0 8px;} .right-cnt {padding: 32px 0 0 0;} .right-cnt ul {padding: 0 0 0 10px;} .right-cnt ul li {padding: 0 0 18px 0;} .right-cnt ul li:last-child /*.avantages-txt:after { display: none;}*/ .avantages-icon { width: 52px;} .avantages-icon a {cursor: default;width: 46px;height: 44px;border-radius: 100%;background: #3367ca;text-align: center;margin: 0 auto;} .avantages-icon a figure {} .avantages-txt {flex: 1;-webkit-flex: 1;-ms-flex: 1;padding: 10px 0 9px 14px;position: relative;} /*.avantages-txt:after {content: '';position: absolute;bottom: 0;border-bottom: dotted 1px #bababa;width: 210px;left: 17px;}*/ .avantages-txt span {padding: 0 0 20px 0;color:#6a6a6a;font-size: 16px;line-height: 26px;margin: 0;font-weight: 700;display: block;} .avantages-txt p {padding: 0 0 20px 0;color: #000;line-height: 14px;} /* maincontent end here */ .BUTTON_DBX {    background: #3D94F6;    background-image: -webkit-linear-gradient(top, #3D94F6, #ff3b3b);    background-image: -moz-linear-gradient(top, #3D94F6, #ff3b3b);    background-image: -ms-linear-gradient(top, #3D94F6, #ff3b3b);    background-image: -o-linear-gradient(top, #3D94F6, #ff3b3b);    background-image: linear-gradient(to bottom, #3D94F6, #ff3b3b);    -webkit-border-radius: 20px;    -moz-border-radius: 20px;    border-radius: 20px;    color: #FFFFFF;    font-family: Open Sans;    font-size: 40px;    font-weight: 100;    padding: 40px;    box-shadow: 1px 1px 20px 0px #000000;    -webkit-box-shadow: 1px 1px 20px 0px #000000;    -moz-box-shadow: 1px 1px 20px 0px #000000;    text-shadow: 1px 1px 20px #000000;    border: solid #337FED 1px;    text-decoration: none;    display: inline-block;    cursor: pointer; } .BUTTON_DBX:hover {    background: #1E62D0;    background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6);    background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6);    background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6);    background-image: -o-linear-gradient(top, #1E62D0, #3D94F6);    background-image: linear-gradient(to bottom, #1E62D0, #3D94F6);    text-decoration: none; } /* nos-avantages start here */ .nos-avantages {} .nos-avantages {padding: 21px 0 11px;background: #f9f9f9;border-top: dotted 1px #e3e3e3;border-bottom: dotted 1px #e3e3e3;} .nos-avantages .cocon-heading {position:relative;text-align: center;max-width: 757px;margin: 0 auto;padding: 0 0 0 0;} .nos-avantages .cocon-heading:after {content: '';position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background: #d8d8d8;left: 0;right: 0;} /*.nos-avantages .avantages-txt:before {content: '';position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);width: 1px;height: 100%;right: 0;border-right: dotted 2px #d8d8d8;}*/ .nos-avantages .cocon-heading span {display: inline-block;position: relative;z-index: 9;background: #f9f9f9;padding: 0 31px;font-size: 1.6rem;} .nos-avantages .right-cnt {padding: 20px 0 10px;margin: 0 10px;} .nos-avantages .right-cnt ul li {padding: 0 23px 3px 26px;} .nos-avantages .right-cnt ul {padding: 0;} .nos-avantages .right-cnt ul li.cocon1 {max-width: 27%;-webkit-flex: 0 0 27%;flex: 0 0 27%;-ms-flex: 0 0 27%;} .nos-avantages .right-cnt ul li.cocon2 {max-width: 25%;-webkit-flex: 0 0 25%;flex: 0 0 25%;-ms-flex: 0 0 25%;} .nos-avantages .right-cnt ul li.cocon3 {max-width: 25%;-webkit-flex: 0 0 25%;flex: 0 0 25%;-ms-flex: 0 0 25%;} .nos-avantages .right-cnt ul li.cocon4 {max-width: 23%;-webkit-flex: 0 0 25%;flex: 0 0 23%;-ms-flex: 0 0 23%;} .nos-avantages .avantages-txt {padding: 5px 0 0 17px;} .nos-avantages .avantages-txt p {padding: 0 1px 5px 0;} .nos-avantages .right-cnt ul li.cocon4 .avantages-txt:before { display: none;} .nos-avantages .right-cnt ul li.cocon1.cocon_1 .avantages-txt:after { display: none;} .nos-avantages .right-cnt ul li.cocon2.cocon_1 .avantages-txt:after { display: none;} .nos-avantages .right-cnt ul li.cocon3.cocon_1 .avantages-txt:after { display: none;} .nos-avantages .right-cnt ul li.cocon4.cocon_1 .avantages-txt:after { display: none;} .nos-avantages .right-cnt ul li.cocon1.cocon_1 {padding: 0 23px 0 26px;} .nos-avantages .right-cnt ul li.cocon2.cocon_1 {padding: 0 23px 0 26px;} .nos-avantages .right-cnt ul li.cocon4.cocon_1 {padding: 0 23px 0 26px;} .nos-avantages .right-cnt ul li.cocon3.cocon_1 {padding: 0 23px 23px 6px;} .nos-avantages .right-cnt ul li.cocon1.cocon_1 .avantages-txt:before { top: 40%;} .nos-avantages .right-cnt ul li.cocon2.cocon_1 .avantages-txt:before { top: 40%;} .nos-avantages .avantages-txt:after {border-bottom: solid 1px #bababa;} /* what is the evsa for india start here */ .e-visa {padding: 41px 34px 51px 15px;max-width: 1200px;margin: 0 auto;} .e-visacnt { padding: 6px 2px 47px 15px; } .e-visacnt p { text-align: center; padding: 11px 6px 5px 10px; margin: 0 0 0 0; font-size: 12px; letter-spacing: -0.3px; line-height: 18px; } .e-visacnt p.active {background:#f4f4f4;padding: 18px 4px 20px 6px;} .e-visa .cocon-heading {position:relative;text-align: center;max-width: 1130px;margin: 0 auto 7px;padding: 0 18px 0 0;} .e-visa .cocon-heading:after {content: '';position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background: #d8d8d8;left: 0;right: 0;} .e-visa .cocon-heading h4 {display: inline-block;position: relative;z-index: 9;background: #fff;padding: 0 15px;letter-spacing: 0.1px;} /* what is the evsa for india end here */ #formalites h5 {color:#686868;} /* customers-opinions start here */ .customers-opinions {text-align: center;} .customers-opinions h4 {position: relative;display: inline-block;padding: 0 0 4px 0;margin: 0 34px 0 0;} .customers-opinions h4:after {content: '';position: absolute;top: 100%;width: 214px;height: 1px;background:#7f7f7f;left: 0;right: 0;margin: 0 auto;} .client-reviews {position: relative;padding: 22px 56px 21px 35px;max-width: 80%;-webkit-flex: 0 0 80%;flex: 0 0 80%;-ms-flex: 0 0 80%;} .review-info { padding: 5px 8px 4px 18px; border: solid 1px #cccccc; border-radius: 5px; text-align: left; margin: 0 3px; } .review-info p {font-style: italic;text-align: left;font-size: 15px;line-height: 18px;font-weight: 400;padding: 0 0 0 0;height: 87px;} .review-info strong {font-size: 14px;line-height: 16px;font-weight: bold;color: #666666;text-align: left;display: inline-block;} .strar {padding: 0 0 6px 0;} .strar > ul {} .strar > ul > li { padding: 0 7px 0 0; } .strar > ul > li > a { color: #fc951e; } .strar span { font-size: 12px; line-height: 14px; color:#818191;} .customer-logo {padding: 8px 0 0 32px;max-width: 20%;-webkit-flex: 0 0 20%;flex: 0 0 20%;-ms-flex: 0 0 20%;} .customers-opinions .slick-prev, .slick-next {} .slick-prev {background: url(/images/leftarrow.png) no-repeat center;left: 6px;} .slick-prev:hover, .slick-prev:focus{ background: url(/images/leftarrow.png) no-repeat center ;} .slick-next:hover, .slick-next:focus { background: url(/images/rightarrow.png) no-repeat center ;} .slick-next {background: url(/images/rightarrow.png) no-repeat center;right: 23px;} /* .customers-opinions .slick-prev:before { content:"\f104";} .customers-opinions .slick-next:before {content: "\f105";} */ .customers-opinions .slick-prev:before, .slick-next:before { font-size: 0; color: #c7c7c7;font-family: 'FontAwesome'; } /* customers-opinions end here */ .slick-prev, .slick-next {width: 20px;height: 50px;top: 47%;} .Carousel-cnt { padding: 0 0 29px 0;} .customers-opinions button {padding: 14px 25px 17px 0;min-width: 909px;display: block;} /* Our guarantees start here */ .container_guarantees{margin:0 100px;} .our-guarantees {padding: 12px 15px 15px 51px;border-top: solid 1px #e7e7e7;border-bottom: solid 1px #e7e7e7;display: block;background: #f9f9f9;margin:10px 0 25px 0} .our-guarantees span {text-align: center;padding: 0 48px 14px 0;position: relative;width: 100%;} .our-guarantees span:after {content: '';position: absolute;top: 100%; margin: 0 auto;left: -41px;right: 1px} .our-guarantees ul {padding: 12px 5px 2px 0;margin: 0 auto;width:100%;} .our-guarantees ul li {width: 20%;text-align: center;} .our-guarantees a {width: 126px;height: 117px;background: url(/images/sprite1.png) no-repeat center;background-position: 9px -184px;cursor: default;} .our-guarantees ul li.icon-1 a {background-position: 27px 12px;} .our-guarantees ul li.icon-2 a {background-position: -87px 11px;} .our-guarantees ul li.icon-3 a {background-position: -204px 8px;} .our-guarantees ul li.icon-4 a {background-position: -380px 7px;} .our-guarantees ul li.icon-5 a {background-position: -532px -3px;} .our-guarantees span {line-height: 18px;font-weight: bold;color: #929090;display: block;padding: 4px 0 5px 0;} .our-guarantees p {color: #929090;} /* Our guarantees end here */ .footer-top {padding: 34px 0 8px 100px;} .footer-links {} .footer-links ul {} .footer-links ul li { padding: 0 22px 0 22px; } .footer-links ul li a { font-size: 12px; line-height: 14px; color: #777777;} .footer-links ul li a:hover { text-decoration: underline; color:blue; } .check_inde { margin-right: 10px; color: #3367ca; font-size: 1rem; } .visacards { padding: 0 6px; } .visacards ul {position: relative;} .visacards ul li {padding: 0 3px;} .visacards ul li a {width: 40px;height: 22px;background: url(/images/sprite1.png) no-repeat center;background-position: 0 -580px;} .visacards ul li.card1 a {background-position: 0 -597px;} .visacards ul li.card2 a {background-position: -48px -597px;} .visacards ul li.card3 a {background-position: -94px -596px;} .visacards ul:after {content: '';position: absolute;top: -33px;left: -3px;right: 0;width: 19px;height:23px;background:url(/images/sprite1.png) no-repeat center;background-position: -58px -562px;margin: 0 auto;cursor:pointer;} .footer-links.padchang {padding: 0 4px 0 12px;} .padchang1{ padding:0 15px;} .footer-links.padchang ul li { padding: 0 17px;} .footer-bottom {background: #ff3b3b;padding: 4px 21px 4px 32px;} .dummy-txt {text-align: center;padding: 0;max-width: 39%;-webkit-flex: 0 0 39%;flex: 0 0 39%;-ms-flex: 0 0 39%;} .dummy-txt ul {} .dummy-txt ul li {padding: 4px 0;} .dummy-txt ul li span {color: #fff;font-size: 12px;line-height: 14px;} .website {text-align: center;padding: 10px 0 0 0;max-width: 23%;-webkit-flex: 0 0 23%;flex: 0 0 23%;-ms-flex: 0 0 23%;vertical-align: bottom;} .website a {font-weight: bold;color: #fff;font-family: 'arial';font-size: 14px;line-height: 16px;} .website p {font-weight: bold;color: #fff;font-family: 'arial';font-size: 14px;line-height: 16px;padding: 0;} .dummy-txt.dummy-txt1 {text-align:left;max-width: 38%;-webkit-flex: 0 0 38%;flex: 0 0 38%;-ms-flex: 0 0 38%;padding: 0 0 0 32px;} input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="radio"],input[type="checkbox"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="button"], input[type="submit"], textarea, button, select { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ } /* template_commande page start here */ .do-youneed-evisa {padding: 22px 22px 37px;max-width: 90%;margin: -183px auto 0;border: solid 1px #7f7f7f;border-radius: 8px;z-index: 9;position: relative;background: #fff;} .do-youneed-evisa h1 {line-height: 32px; display: block; text-align: center; color: #686868; margin: 15px 0 15px 0; width: 100%;font-size:2.2em } .do-youneed-evisa h4 {color: #000000;display: block;font-size:1.4em; margin-bottom:15px; } .do-youneed-evisa .alert{margin:10px 10px 0 ;} .do-youneed-evisa .alert{padding: 10px;/* transition:all .3s ease;*/} .do-youneed-evisa .alert i{min-width:30px; text-align:center;float: left} .alert-blue{color: #004085; background-color:#f4f9ff; border-color: #e0eeff; } .alert-grey{background-color: #eaeaea;background-color: #f9f9f9;border-color: #6a6a6a;border-style: dotted;} .text-orange{ margin: 0;font-weight: 700;color: #3367ca;font-size: 1.2em;line-height: 20px;} .text-green {color: #2bba88; margin: 0;font-weight: 700;font-size: 1.2em;line-height: 20px;} /*.do-youneed-evisa .alert:hover, .alert:focus{transform:scale(1.04); -webkit-box-shadow: 0 8px 20px #e8e8e8;box-shadow: 0 8px 20px #e8e8e8;}*/ .header-modele {padding: 22px 22px 37px;max-width: 90%;margin: -153px auto 50px;border: solid 1px #7f7f7f;border-radius: 8px;z-index: 9;position: relative;background: #fff;} .header-modele h3 {padding: 0 0 33px 33px;letter-spacing: -1.9px;} .header-modele .alert-success{margin:10px 10px 45px 10px;} h1.alert-heading {font-size: 26px;} .evisa_cntdata {padding: 27px 17px 15px;border: solid 1px #e5e5e5;background: #f9f9f9;margin: 0 0 22px 0;width: 97%;} .evisa_cntdata ul {} .evisa_cntdata ul li {display: block;margin: 0 0 18px 0;position: relative;} .evisa_cntdata ul li:before {content: ''; position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);width: 6px; height: 100%; background: #f0efef;} .evisa_cntdata p {font-size: 13.92px;line-height: 18px;padding: 0 0 0 12px;color: #9f9a9a;letter-spacing: -0.3px;} p.evisa_alert {color: #403e3e;font-size: 1rem;line-height: 160%;margin: 0;} .evisa_cntdata strong { font-weight: bold;font-size: 13.92px; line-height: 18px; color: #000; } .evisa_cntdata a { text-decoration: none;font-size: 13.92px;line-height: 18px;color: #285acc;letter-spacing: -0.3px;font-size: 1em;line-height: 18px;color: #285acc;letter-spacing: -0.3px;} .evisa_cntdata a:hover { text-decoration: underline;} .evisa_alert a { text-decoration: none;font-size: 13.92px;line-height: 18px;color: #285acc;letter-spacing: -0.3px;font-size: 1em;line-height: 18px;color: #285acc;letter-spacing: -0.3px;} .evisa_alert a:hover { text-decoration: underline;} /* table cnt start here */ .evisa-table-cnt { padding: 2px 131px 0 75px; } .evisa-lt {width: 226px;} .evisa-lt ul {} .evisa-lt ul li {margin: 0 0 4px 0;height: 44px;position: relative;padding: 0 2px;} .etabl-cnt { width: 33.33%;position: relative;} .etabl-cnt ul:hover:before { visibility: visible;opacity: 1; height: 100%;} .etabl-cnt ul:before { visibility: hidden;opacity: 0; content: '';position: absolute; top: 0; width: 100%; height: 100%;-webkit-box-shadow: 0 0 12px #666; box-shadow: 0 0 12px #666; } .etabl-cnt ul {position: relative;} .etabl-cnt ul li {margin: 0 0 4px 0;padding: 0 2px;height: 44px;} .etabl-cnt ul li:first-child {height: 74px;} .etabl-cnt ul li a {display: block;font-size: 16px;line-height: 18px;color: #fff;padding: 17px 0 17px 0;background: #ff3b3b;text-align: center;font-weight: bold;} .etabl-cnt strong {transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; display: block; font-weight: bold;} .etabl-cnt ul li a:hover strong {transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1); display: block;} .etabl-cnt ul li:last-child {height: 52px; margin: 0;} .etabl-cnt ul li div {position: relative;} .tab-hover {position: relative;} .tab-hover.thover1{ background: #e1e1e1; } .tab-hover.thover1.active h6 { color: #fff;} .tab-hover.thover1.active:after {visibility: visible; height: 113%; opacity: 1;} .tab-hover.thover1:after{content: '';position: absolute;bottom: 0;width: 100%;height: 0;left: 0;right: 0;visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; background: #ff3b3b;} .etabl-cnt:hover .tab-hover.thover1:after {visibility: visible; height: 113%; opacity: 1;} .etabl-cnt:hover h6 { color: #fff} .etabl-cnt:hover a { color: #fff} .tab-hover.col-hover a { font-size: 18px; } .evisa-lt ul li:first-child {height: 74px;} .evisa-lt ul li:last-child {height: 52px;} .evisa-rt {-webkit-flex: 1; /* Safari 6.1+ */ -ms-flex: 1; /* IE 10 */ flex: 1;} .evisa-table-cnt span {background: #e1e1e1;font-size: 14px;line-height: 17px;padding: 14px 21px 14px 23px;display: block;color: #797979;font-weight: 600;letter-spacing: -0.7px;} .etabl-cnt h6 { transition: all 0.5s ease-in-out; padding: 0 15px;position: relative;z-index: 9;color: #797979;padding: 28px 0;letter-spacing: -0.6px;text-align: center;} .evisa-table-cnt em:after {content: "\f05a";font-family: 'FontAwesome';font-size: 20px;color: #515151;position: absolute;right: 16px;top: 50%;transform: translateY(-50%); -weblit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } .etabl-cnt small {font-size: 16px;line-height: 18px;padding: 14px 40px 13px 18px;display: block;color: #000;font-weight: 400;letter-spacing: -0.9px;text-align: center;background: #f3f3f3;} /* request for evisa starts here */ .request-for-evisa {padding: 2px 2px 5px 0;text-align: center; overflow: hidden;margin: 10px 0 0 0 } .request-for-evisa ul { margin: -35px -3px 0 2px; padding: 0 2px 0 11px; } .request-for-evisa ul li {width: 25%;padding: 0 11px;} /*.request-for-evisa h3 {position: relative;display: inline-block;padding: 0 41px 16px 0;letter-spacing: -1.5px;} /*.request-for-evisa h3:after {content: '';position: absolute;top: 100%;width: 199px;margin: 0 auto;height: 1px;left: -41px;right: 1px;background: #d8d8d8;}*/ .evisalogo {width: 245px;height: 169px;background: url(/images/sprite1.png) no-repeat center;margin: 0 auto;background-position: 69px -631px;position: relative;} .evisalogo:after {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;background: url(/images/sprite1.png) no-repeat center;margin: 0 auto;background-position: 63px -807px;} .evisalogo.evisalogo5:after { display: none;} .evisalogo.evisalogo4:after { display: none;} .evisalogo.evisalogo5:before {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;background: url(/images/sprite1.png) no-repeat center;margin: 0 auto;background-position: -290px -807px;} .evisalogo.evisalogo4:before {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;background: url(/images/sprite1.png) no-repeat center;margin: 0 auto;background-position: -260px -807px;} .evisalogo.evisalogo1 {background-position: 85px -635px;} .evisalogo.evisalogo2 {background-position: -90px -635px;} .evisalogo.evisalogo3 {background-position: -260px -635px;} .evisalogo.evisalogo4 {background-position: -425px -635px;} .evisalogo.evisalogo5 {background-position: -841px -635px;} .evisa-requescnt h5 {font-size: 18px;line-height: 15px;padding: 0px 0 10px 0;letter-spacing: -0.6px;} .evisa-requescnt p { color: #5a5a5a;} .evisa-requescnt h5 span {font-size: 30px; line-height: 32px;} .evisa_cntdata.evisa_cntdata1 {border-right: 0;border-left: 0;margin: 0 0 80px 0;width: 100%;padding: 22px 17px 7px 24px;} .evisa_cntdata.evisa_cntdata1 p {font-size: 14px;line-height: 23px;letter-spacing: -0.7px;padding: 0 0 0 22px; color: #6e6a6a;} .evisa_cntdata.evisa_cntdata1 ul li {margin: 0 0 25px 0;} /* request for evisa end here */ /* travel details starts here */ .travel-steps ul {padding: 39px 0;} .travel-steps ul li {height: 5px; position: relative;background: #cdcdcd;width:100%} .travel-steps ul li.active { background: #ff3b3b;} .travel-steps ul li.active a { background: #ff3b3b} .travel-steps ul li.active span {color: #616161;} .travel-steps ul li.error { background: #c7254e;} .travel-steps ul li.error a { background: #c7254e} .travel-steps ul li.error span {color: #616161;} .travel-steps ul li:nth-child(1) {width: 15%;} .travel-steps ul li:nth-child(2) {width: 35%;} .travel-steps ul li:nth-child(1) .step-cnt {left: 105px;} .travel-steps ul li:nth-child(2) .step-cnt {left: 350px;} .travel-steps ul li:nth-child(3) .step-cnt {right: 100px;} .travel-steps ul li:nth-child(3) {width: 45%;} .step-cnt {position: absolute;top: -27px;right: -35px;z-index: 9;} .step-cnt a {width: 56px;height: 56px;border-radius: 100%;background:#e2dede;font-size: 20px;line-height: 22px;font-weight: bold;color: #fff;margin: 0 auto;} .step-cnt span {font-size: 14px;line-height: 18px;font-weight: bold;color:#b2b2b2;display: block;padding: 4px 0;} /* upload cnentent start here */ .upload-cnt {padding: 0 20px 20px 20px;margin: auto;;display: block;background:#fff} .upload-cnt p {font-size: 16px;line-height: 20px;color:#000;margin : 5px 0 5px 10px;} .check-box { margin: 0 0 32px 0; } span.checkbox-question {font-size: 18px;line-height: 22px;font-weight: bold;color: #4b4747;padding: 0 9px 0 12px;} .upload-cnt small {border-radius: 13px;padding: 20px 35px;display: block;font-size: 16px;line-height: 23px;font-weight: normal;width: 100%;} #div2 {background:#fff;color:#3367ca;font-weight: bold;border: 1px solid #3367ca;} #div1 {border: 1px solid #ff3b3b;background:#fff;color:#ff3b3b;font-weight: bold;} #div1 strong{ font-size: 20px; } #div2 strong{ font-size: 20px; } .check-box .switch {position: relative;display: inline-block;width: 100px;height: 48px;margin:15px 0 -15px 0;vertical-align: bottom} .check-box .switch input {display:none;} .check-box .slider {position: absolute;cursor: pointer;top: 0;left: 0;color:#000;bottom: 0;background-color: #eaeaea;-webkit-transition: .4s;transition: .4s;right: 0;} .check-box .slider:before {box-shadow: 0 3px 4px #888;position: absolute;content: "";height: 35px;width: 35px;left: 3px;bottom: 7px;background-color: white;-webkit-transition: .4s;transition: .4s;} .check-box input:checked + .slider {background-color: #3367ca;color: #000;} .check-box input:focus + .slider { box-shadow: 0 0 1px #2196F3;} .check-box input:checked + .slider:before {-webkit-transform: translateX(51px);-ms-transform: translateX(51px);transform: translateX(51px);} .check-box em {position: absolute;cursor: pointer;top: 50%;font-size: 13px;line-height: 18px;color: #fff;font-weight: bold;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);left: 6px;text-transform: uppercase;} .check-box input:checked + strong { font-size: 17px;} .check-box strong {color: #716e6e;position: absolute;top: 50%;cursor: pointer;font-size: 12px;line-height: 18px;font-weight: bold;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);right: 14px;text-transform: uppercase;} /* Rounded sliders */ .slider.round {border-radius: 34px;} .slider.round:before {border-radius: 50%;} .authorities { max-width: 1168px; margin: 0 auto 0; } .authorities h5 {position: relative;padding: 3px 0 20px 52px;border-bottom: 1px solid #e5e5e5;;margin: 0 0 13px 0;letter-spacing: -0.6px;} .authorities h5:after {content: '';position: absolute;top: 0;left: 0;width: 40px;height: 33px;background:url(/images/sprite1.png) no-repeat center;background-position: -10px -1025px;} .authorities p {padding: 0 0 20px 0;margin-left:15px;font-size: 14px;line-height: 18px;letter-spacing: -0.6px;color: #6c6c6c;} .photo-identity {background: #f7f7f7;padding: 13px 0 17px;border-top: solid 1px #dfdfdf;border-bottom: solid 1px #dfdfdf;} .photo-cnt {text-align: center;} .photo-cnt h6 {font-size: 14px;line-height: 16px;font-weight: bold;color: #616161;padding: 0 9px 16px 0;letter-spacing: -0.6px;} .upload-photo {height: 157px;width: 223px;border: dotted 2px #e2e2e2;border-radius: 7px;margin: 0 auto;} .upload-photo a {border-radius: 14px;width: 105px;height: 87px;border: solid 1px #dfdfdf;} .upload-photo a.upload1 {background: url(/images/sprite1.png) no-repeat center #fff;background-position: -79px -1022px;} .upload-photo a.upload2 {background: url(/images/sprite1.png) no-repeat center #fff;background-position: -243px -1022px;} .photoupload-main {max-width: 974px;margin: 0;padding: 0 27px 0 149px;} .photo-main { width: 100%;} /* upload cnentent end here */ /* form filling starts here */ .required-forminfo {} .required-forminfo label {font-size: 14px;line-height: 20px;color: #353535;margin: 0 0 14px;padding: 0 0 0 4px;letter-spacing: -0.4px;} .required-forminfo .form-control { max-width: 350px;} .form-info {padding: 10px 0 10px 0;} .form-info .custom-checkbox {margin: 0 0 20px 20px;} .required-forminfo {min-width: 914px;margin: 0 auto;padding: 0 15px 0 15px;} .required-forminfo p {padding: 0 0 17px 3px;letter-spacing: -0.3px;line-height: 15px; color: #1c1c1c;} .from-top-cnt {padding: 1px 0 0 0;} .from-top-cnt ul {padding: 0 0 12px 0;margin: 0 ;} .from-top-cnt ul li {padding-bottom: 0;margin: 0;/* padding: 0; */} .from-top-cnt ul li.adjust1 {padding: 0 0 1px 30px;} .from-top-cnt ul li.adjust1 .form-control {} .from-top-cntupload {padding:1px 0 0 0;} .from-top-cntupload ul {padding: 0 0 1px 0;margin: 0 ;} .from-top-cntupload ul li {padding-bottom: 29px;margin: 0;/* padding: 0; */} .from-top-cntupload ul li.adjust1 {padding: 0 0 26px 30px;} .from-top-cntupload ul li.adjust1 .form-control {} .person-info { padding: 1px 5px 0 0; width: 87%; } .areyou-indian {padding: 0 0 0 16px;} .areyou-indian.areyou-indian1 {padding: 0 7px 0 0;font-weight: bold;} .areyou-indian label { margin: 0;} .areyou-indian .switch {position: relative;display: inline-block;width: 94px;height: 40px;margin: 0;} .areyou-indian .switch input {display:none;} .areyou-indian .slider {position: absolute;cursor: pointer;top: 0;left: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;right: 0;} .areyou-indian .slider:before {position: absolute;content: "";cursor:pointer;height: 36px;width: 36px;left: 6px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;} .areyou-indian input:checked + .slider {background-color: #ff9124;} .areyou-indian input:focus + .slider { box-shadow: 0 0 1px #2196F3;} .areyou-indian input:checked + .slider:before {-webkit-transform: translateX(44px);-ms-transform: translateX(44px);transform: translateX(44px);} .areyou-indian em {position: absolute;cursor:pointer;top: 50%;font-size: 15px;line-height: 18px;color: #fff;font-weight: bold;transform: translateY(-50%);right: 4px;text-transform: uppercase;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);left: 9px;text-transform: uppercase;} .areyou-indian input:checked + strong { font-size: 17px;} .areyou-indian strong {position: absolute;top: 50%;cursor:pointer;font-size: 15px;line-height: 16px;color: #fff;font-weight: bold;transform: translateY(-50%);right: 8px;text-transform: uppercase;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);} /*.areyou-indian .form-control { width: 100px;}*/ .country-type {width: 99%;padding: 0 0 12px 18px;} .country-type label {margin: 5px 20px 6px 0;} .country-type .form-control {max-width: 485px;height: 40px;} .compay-details {position:relative;padding: 0 0 5px 0;} .compay-details label {margin: 0 0 14px 0;} .compay-details ul {padding: 0 0 2px 0;margin: 0 0 0 12px;} .compay-details ul li {padding: 1px 0 10px 0;margin: 0;} .compay-details ul li.pop-hover:hover .tool-tip { display: block;} .compay-details ul li.adjust2 {padding: 1px 0 15px 43px;} .compay-details ul li.addres1 .form-control {max-width: 650px;} .compay-details ul li.adjust2 .form-control {max-width: 250px;margin: 3px 0 0 7px;} .compay-details ul li .form-control {margin: 3px 0 0 9px;} input:invalid { box-shadow: none; } .tool-tip { display: none;position: absolute;top: 6px;right: -74px;padding: 0;border: solid 1px #cccccc;border-radius: 5px;width: 277px;} .tool-tip:after {content: '';position: absolute;top: 39px;left: -13px;width: 17px;height: 16px;background:url(/images/arrowimg.png) no-repeat center;background-size: contain;} .tool-tip span {font-size: 14px;line-height: 16px;display:block;font-weight: bold;border-bottom: solid 1px #eaeaea;background: #f7f7f7;padding: 10px 12px;border-radius: 5px 5px 0 0;} .tool-tip p {font-size: 14px;line-height: 21px;display:block;padding: 7px 0 9px 13px;background: #fff;border-radius: 0 0 5px 5px;} .scaning-pages {padding: 0 15px 0 15px;} .scaning-pages p {font-size: 13px;color: #515151;padding:15px;line-height: 17px;} .choix-doc { padding: 0;margin: 0 0 22px 0;} .scaning-cnt { border: dotted 2px #ddd; border-radius: 8px; padding: 35px 27px 18px 73px; margin: 0 0 22px 0;} .photo-scaning {text-align: center;padding: 0;} .photo-scaning a {border-radius: 14px;width: 105px;height: 87px;margin: 0 auto;display: block;background: url(/images/sprite1.png) no-repeat #f9f9f9;background-position: -79px -1022px;border: solid 1px #dfdfdf;} .photo-scaning.photo-scaning1 a {background: url(/images/sprite1.png) no-repeat center #f9f9f9;background-position: -243px -1022px;} .photo-scaning small {font-size: 14px;line-height: 16px;color: #6c6c6c;display: block;padding: 8px 0;} .photo-scaning-background {border-radius: 14px;width: 105px;height: 87px;margin: 0 auto;display: block;background: url(/images/sprite1.png) no-repeat #f9f9f9;background-position: -79px -1022px;border: solid 1px #dfdfdf;} .browse-files {border: solid 1px #ddd;border-radius: 14px;overflow: hidden;position: relative;margin: 0 6px 0 11px;} .browse-files .btn {font-size: 24px;line-height: 20px;border-radius: 0;font-weight: bold;background: #ff3b3b;color: #fff;width: 313px;margin: 0;display: block;padding: 8px 16px 13px 39px;text-align: left;height: 58px;position: absolute;top: 0;right: 0;} .browse-files .form-control {width: 100%;border: 0;height: 56px;color: #6c6c6c;font-weight: bold;padding: 0 80px 0 81px;} .choice-ofvisa {padding: 5px 101px 5px 97px;background: #f7f7f7;} .choice-heading { width: 100%; } .formvoyageur .card-header, .formvoyageur_update .card-header, .formvoyageur_updatenodoc .card-header{ background-color: #6c757d; padding:8px 0 8px 15px; } .formvoyageur h5{ font-size:24px; } .formvoyageur .card-title{ margin:0; } .formvoyageur .card-body{ padding: 1.25rem 1.85rem 0 1.85rem; } .formvoyageur .text-danger, .from-top-cntupload .text-danger{ color:#515151 !important; border: 1px solid #ff5400; border-radius: 13px; margin:20px 0 30px 0; line-height: 20px; /* #dc3545 !important*/ } .choice-heading h2, .formvoyageur h2 {position: relative;width: 100%;padding: 4px 35px 15px 50px;margin-bottom:5px;display: inline-block;letter-spacing: -0.9px;margin: 10px 0 0 0} .choice-heading h2:after,.formvoyageur h2:after {content: '';position: absolute;top: 0;width: 50px;height: 50px;background:url(/images/sprite1.png) no-repeat center;background-position: -10px -1416px;left: 0;} /*.choice-heading h4:before, .formvoyageur h4:before {content: '';position: absolute;top: 4px;width: 23px;height: 27px;background:url(/images/sprite1.png) no-repeat center;background-position: -17px -1229px;right:0;}*/ .choice-ofvisa ul {padding: 10px 0 0 0;margin:10px 2px;} .choice-ofvisa ul li {padding: 0 23px 0 23px;} .choice-ofvisa ul li:first-child {padding: 0 30px 0 30px;} .choice-ofvisa ul li a {padding: 9px 40px 6px 40px;font-size: 18px;line-height: 20px;border: solid 1px #000;border-radius: 8px;letter-spacing: -0.3px;} .choice-ofvisa ul li.active a {border: 0;color: #fff;background:url(/images/sprite1.png) no-repeat center #ff3b3b;background-position:-12px -1153px;} .dates-of-trips {padding: 10px 101px 10px 97px;background: #fff;} .dates-of-trips .datepicker { width: 260px;} .choice-heading.heading2 h2 {position: relative;width: 100%;padding: 4px 28px 15px 50px;display: inline-block;margin: 10px 0 5px 0;} .choice-heading.heading2 h2:after {content: '';position: absolute;top: 0;width: 50px;height: 50px;background:url(/images/sprite1.png) no-repeat center;background-position: -10px -1296px;left: 0;} .dates-of-trips {} .dates-of-trips .choice-heading {} .dates-of-trips h5 {font-size: 18px;line-height: 20px;color: #000;margin: 0 0 22px 0;padding: 0 0 0 6px;letter-spacing: -0.9px;} .dates-of-trips ul {padding: 0 0 0 0;margin: 10px 0;width: 100%;} .dates-of-trips ul li .form-control{padding: 5px 0 5px 11px;font-size: 15px;} .dates-of-trips .gj-unselectable {width: 267px;padding: 0 0 0 5px;} .dates-of-trips ul li:last-child {padding: 0 15px 0 15px;} .dates-of-trips .gj-datepicker-bootstrap [role=right-icon] button {background:url(/images/sprite1.png) no-repeat center;background-position: -10px -1369px;} .dates-of-trips .gj-datepicker-bootstrap [role=right-icon] button .gj-icon, .gj-datepicker-bootstrap [role=right-icon] button .material-icons { font-size: 0; line-height: 0;} .dates-of-trips .form-control { border: 1px solid #cbcbcb;} .dates-of-trips .gj-datepicker-bootstrap [role=right-icon] button {width: 38px;position: relative;border: 1px solid #cbcbcb;} .todos_labels {width:100%;} .span-2 button{padding:10px;} .identity-cnt {padding: 10px 101px 24px 96px;background: #f7f7f7;} .ajout a{ padding:7px;} .identity-cnt ul {margin:10px 0 1px 0;padding: 0;position: relative;width:100%;} .listename, .listename_first{width:100%} .listename strong, .listename_first strong{color:#000;font-size: 18px;padding:3px 10px 3px 10px;margin-top:2px; display: block;} .listename strong {border-top: solid 1px #969696;} .identity-cnt ul li, .errorfacture ul li, .errorcontact ul li {margin: 0 0 10px 0 !important;padding: 0 5px;} .identity-cnt ul li:nth-child(2){padding: 0;} .identity-cnt ul li:nth-child(3){padding: 0 5px 0 1px;} .validlaunchdate label {font-size: 16px;line-height: 20px;color: #000;margin: 0 0 15px 0;} .text-aeroport {font-size: 16px;line-height: 20px;color: #000} .identity-cnt ul li label {font-size: 16px;line-height: 24px;color: #000;margin: 0 0 5px 0;} .identity-cnt .form-control { max-width: 300px;} .identity-cnt h2 {position: relative;padding: 4px 35px 4px 45px;display: inline-block;margin: 10px 0 5px 0; width:100%;padding-bottom: 15px ;} .identity-cnt h2:after {content: '';position: absolute;top: 0;width: 50px;height: 50px;background:url(/images/sprite1.png) no-repeat center;background-position:-10px -1025px;left: 0;} .identity-cnt .add-traveler { background-image: linear-gradient(to bottom, #3367ca; 0%, #128864 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3367ca', endColorstr='#3367ca);', GradientType=0); color: #fff; background-color: #3367ca;; border-color: #626262 ;  font-weight:bold;    width: 200px; font-size: 16px; padding:15px; border-radius: 15px; } .add-traveler:hover { color: #fff; background-color: #128864; background-image: linear-gradient(to bottom, #3367ca 0%, #128864 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F07E1B', endColorstr='#ff3b3b', GradientType=0); border-color: #626262; } .add-traveler:focus, .add-traveler.focus { color: #fff; background-color: #3367ca; border-color: #626262; } .ajout i { padding-right:10px; } .add{margin-top:15px} .custom-select {width: 200px;display: block;} .contact-receive-visa {padding: 14px 101px 33px 101px;background: #f7f7f7;} .contact-receive-visa h2 {position: relative;padding: 4px 0 25px 50px;display: inline-block;width: 100%;} .contact-receive-visa h2:after {content: '';position: absolute;top: 0;width: 50px;height: 50px;background:url(/images/sprite1.png) no-repeat center;background-position: -10px -1533px;left: 0;} .contact-receive-visa label {font-size: 16px;line-height: 24px;color: #000;margin: 0 0 15px 0;} .contact-receive-visa ul {padding: 3px 0 0 4px;margin: 0 -15px;width: 100%;} .contact-receive-visa ul li {margin: 0 0 10px 0; padding: 0 15px;} .total-price ul li{ padding: 0 15px;} span.total-price , span.libelle_produit {font-size:18px;} .total-price .parsley-required {font-size: 12px;} .contact-receive-visa ul li:nth-child(2) {padding: 0 0 0 52px;} .contact-receive-visa ul li:nth-child(3) {padding: 0 0 0 51px;} /* total price */ .total-price {padding: 8px 101px 5px 101px;background: #fff;} .total-main {max-width: 1168px;margin: 0 auto;display: block;background-color: #fff; } .cgv_commande{ background-color: #fff;border-color: #6a6a6a;padding: 15px;border: 2px solid #e5e5e5; border-radius: 13px; } .total-price span {margin: 9px 0 5px;font-weight: bold;font-size: 18px;line-height: 26px;color: #000;padding-right: 2px} span.block {display:block} span#qtt {padding-right:10px} .total-price h4 {position: relative;padding: 4px 35px 34px 59px;display: inline-block;letter-spacing: -1.6px;} .total-price h4:after {content: '';position: absolute;top: 0;width: 50px;height: 50px;background:url(/images/sprite1.png) no-repeat center;background-position: -14px -1679px;left: 0;} .price-dropdown {padding: 0 59px 0 0;margin-bottom:15px;margin-top:15px} .price-dropdown small {font-weight: bold;font-size: 30px;line-height: 38px;color: #3367ca;} .price-dropdown .custom-select {font-size:24px;line-height: 26px;font-weight: bold;color: #000;padding: 0 0 0 10px;} .btn.next-step { font-weight: bold;border-radius: 12px;width: 276px;font-size: 24px;line-height: 26px;color: #fff;background: #ff3b3b;padding: 30px 53px 31px 12px;text-align: left;letter-spacing: 1.4px;} .submint-btn {padding: 17px 70px 56px 105px;max-width: 1168px;margin: 0 auto;} .submint-btn .next-step {position: relative;} .submint-btn .next-step:after {content: '';position: absolute;top: 50%;right: 0;width: 52px;height: 43px;background:url(/images/sprite1.png) no-repeat center;background-position: -7px -1602px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);} .e-mobil-tab { display: none;} .desktop_hide { display: none;} .indmobil-hide1 {display:none;;} .btn-primary.custom-btn{padding: 20px 40px;} /* loading styles */ .load-box { height: 516px; /* add height of wizard that you usually expect */ position: relative; overflow: hidden; } .load-text-box { position: absolute; top: 50%; left: 50%; margin-left: -20px; /* half width of loading text - to center */ margin-top: -20px; /* half height of loading text - to center */ } .load-wizard-box {visibility: hidden;} /* end loading styles */ /* spinner from http://tobiasahlin.com/spinkit/, you can use image or another css spiner or erase this if loading text is enought*/ .cssspinner { width: 40px; height: 40px; background-color: #14b5c8; border-radius: 100%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0; } } /* end of spinner */ .sk-fading-circle { margin:0; width: 40px; height: 40px; position: absolute; left:48%;top:40%; } .sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #de7b27; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; } .sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } .sk-double-bounce { position:fixed; width:100%; left:0;right:0;top:0;bottom:0; background-color: rgba(255,255,255,0.7); z-index:9999; display:none; } .sk-double-bounce .sk-child { width: 100%; height: 100%; border-radius: 50%; background-color: #de7b27; opacity: 0.6; position: absolute; left:48%;top:40%; width:40px;height:40px; -webkit-animation: sk-doubleBounce 2s infinite ease-in-out; animation: sk-doubleBounce 2s infinite ease-in-out; } .sk-double-bounce .sk-double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /* spinner from http://tobiasahlin.com/spinkit/, you can use image or another css spiner or erase this if loading text is enought*/ .cssspinner { width: 40px; height: 40px; background-color: #14b5c8; border-radius: 100%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0; } } @-moz-keyframes circles-loader { 0% { -moz-transform: rotate(-720deg); transform: rotate(-720deg); } 50% { -moz-transform: rotate(720deg); transform: rotate(720deg); } } @-webkit-keyframes circles-loader { 0% { -webkit-transform: rotate(-720deg); transform: rotate(-720deg); } 50% { -webkit-transform: rotate(720deg); transform: rotate(720deg); } } @keyframes circles-loader { 0% { -moz-transform: rotate(-720deg); -ms-transform: rotate(-720deg); -webkit-transform: rotate(-720deg); transform: rotate(-720deg); } 50% { -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); transform: rotate(720deg); } } /* :not(:required) hides this rule from IE9 and below */ .circles-loader:not(:required) { position: relative; text-indent: -9999px; display: inline-block; width: 25px; height: 25px; background: rgba(255, 204, 51, 0.9); border-radius: 100%; -moz-animation: circles-loader 3s infinite ease-in-out; -webkit-animation: circles-loader 3s infinite ease-in-out; animation: circles-loader 3s infinite ease-in-out; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .circles-loader:not(:required)::before { background: rgba(255, 102, 0, 0.6); border-radius: 100%; content: ''; position: absolute; width: 25px; height: 25px; top: 18.75px; left: -10.82532px; } .circles-loader:not(:required)::after { background: rgba(255, 51, 0, 0.4); border-radius: 100%; content: ''; position: absolute; width: 25px; height: 25px; top: 18.75px; left: 10.82532px; } .sk-three-bounce { position:fixed; width:100%; left:0;right:0;top:0;bottom:0; background-color: rgba(255,255,255,0.7); z-index:9999; display:none; text-align: center; } .sk-three-bounce .sk-child { width: 20px; height: 20px; position: relative; background-color: #de7b27; border-radius: 100%; display: inline-block; top:40%; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; } .sk-three-bounce .sk-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-three-bounce .sk-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .BUTTON_PQC a {    background: #ff3b3b;    background-image: -webkit-linear-gradient(top, #ff3b3b, #FF871C);    background-image: -moz-linear-gradient(top, #ff3b3b, #FF871C);    background-image: -ms-linear-gradient(top, #ff3b3b, #FF871C);    background-image: -o-linear-gradient(top, #ff3b3b, #FF871C);    background-image: linear-gradient(to bottom, #ff3b3b, #FF871C);    -webkit-border-radius: 20px;    -moz-border-radius: 20px;    border-radius: 20px;    color: #FFFFFF;    font-family: Open Sans;    font-size: 40px;    font-weight: 100;    padding: 40px;    box-shadow: 1px 1px 20px 0px #000000;    -webkit-box-shadow: 1px 1px 20px 0px #000000;    -moz-box-shadow: 1px 1px 20px 0px #000000;    text-shadow: 1px 1px 20px #000000;    border: solid #337FED 1px;    text-decoration: none;    display: inline-block;    cursor: pointer; } .BUTTON_PQC a:hover {    background: #1E62D0;    background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6);    background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6);    background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6);    background-image: -o-linear-gradient(top, #1E62D0, #3D94F6);    background-image: linear-gradient(to bottom, #1E62D0, #3D94F6);    text-decoration: none; } /* end of spinner */ #wizard .error {color: #c7254e;} .hidden { display: none !important; visibility: hidden !important; } .traveler-liste { background: #fff;} .table-responsive{ margin:15px 0; overflow-x: auto; overflow-y: hidden; } .suivi_detail .card h2{ border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; } .table-radius { width:100%; } .card-header i{ width: 26px; text-align: left; font-size: 18px; color: #000000; } .formvoyageur .card-header i, .formvoyageur_update .card-header i, .formvoyageur_updatenodoc .card-header i{ width: 26px; text-align: left; font-size: 18px; color: #fff; } .confirmation .card-header i{ color: #000000; } .card-header span{ font-size: 18px; font-weight: bold; color: #ffffff; } .add_traveler{ margin:25px 15px 0 0; } .statutdoc i{ margin-right:5px; } .choix-doc i{ margin-right:10px; font-size: 22px; } .statutdoc{ font-weight:bold; color: red; font-style: normal; } .statut{ font-weight:bold; } i.fas { font-style: normal;} ul.filled { margin:10px 0 10px 0; } .parsley-required li { padding:0; } .modal { overflow: auto !important; } #myModal .kv-file-remove { display:none; } .liste-produits { padding:20px 20px 0 20px; /* background-color: #fbfbfb;*/ /* margin-bottom: 15px;*/ /* border: solid 1px #e7e7e7*/ } .traveler-checkout h4, .total h4{ border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 0.8em; font-weight: normal; padding-bottom: 8px; color:#000000; width: 100%; font-family: Roboto, sans-serif; font-size: 1.4em; line-height: 1.3em; } .payment-form { margin: auto; } .payment-form .products{ padding: 5px 40px; } .payment-form .item{ margin-bottom:1.3em; width: 100%; padding:10px; } .payment-form .item-name{ font-weight:600; font-size: 1.2em; } .payment-form .item-description{ font-size:0.8em; opacity:0.8; } .item-description p{ margin-bottom:0.2em; } p.item-name { margin-bottom:0.6em; } .payment-form .price{ float: right; font-weight: 600; font-size: 1.2em; }.payment-form .price_total{ float: right; font-weight: bold; font-size: 1.8em; } .payment-form .price_total_HT{ float: right; font-weight: 600; font-size: 1.3em; } .payment-form .total{ margin-top: 10px; padding: 19px 0 0 15px; font-weight: 600; line-height: 1; width:100%; } .payment-form .total_title { font-size: 1.4em; } .total_title i{ margin-right: 5px; } .payment-form .total_title_HT { font-size:16px; padding:2px; } .payment-form .card-details{ padding: 25px 25px 15px; } .payment-form .card-details label{ font-size: 12px; font-weight: 600; margin-bottom: 15px; color: #79818a; text-transform: uppercase; } .payment-form .card-details button{ margin-top: 0.6em; padding:12px 0; font-weight: 600; } .payment-form .date-separator{ margin-left: 10px; margin-right: 10px; margin-top: 5px; } @media (min-width: 576px) { .payment-form .title { font-size: 1.6em; } .payment-form .products { padding: 15px 40px; } .payment-form .products .item-name { font-size: 1.2em; } .payment-form .products .price { font-size: 1.2em; } .payment-form .products .price_total { font-size: 1.6em; } .payment-form .card-details { padding: 40px 40px 30px; } .payment-form .card-details button { margin-top: 2em; } .total_panier{ } } .traveler-liste { background: #ffffff; padding: 20px; margin: auto; } .traveler-checkout{ background: #fff; padding: 5px 0 0 0; margin: 50; } .traveler-checkout .bg-success{ background-color: #3367ca !important; } #qtt_checkout td{ text-align: center; } .panier_voyageur { padding: 5px 25px; margin-bottom: 5px; } .panier_contact{ padding: 10px 40px 20px 25px; margin-bottom: 0; } .panier_facture{ padding: 0 40px 20px 25px; } .traveler-liste .card { width:100%; margin-bottom: 15px; } .traveler-checkout .card { width:100%; margin-bottom: 15px; } h4.recap-title{ color:#000000; margin-bottom: 10px; font-size: 20px; } .payment-title { width: 100%; text-align: center; } .form-container .field-container:first-of-type { grid-area: name; } .form-container .field-container:nth-of-type(2) { grid-area: number; } .form-container .field-container:nth-of-type(3) { grid-area: expiration; } .form-container .field-container:nth-of-type(4) { grid-area: security; } .field-container input { -webkit-box-sizing: border-box; box-sizing: border-box; } .field-container { position: relative; } .form-container { display: grid; grid-column-gap: 10px; grid-template-columns: auto auto; grid-template-rows: 90px 90px 90px; grid-template-areas: "name name""number number""expiration security"; max-width: 490px; padding: 0 20px; color: #707070; } .paiement { margin-bottom: 10px; padding: 5px 0; margin:10px 0 !important; } .paiement label { padding-bottom: 5px; font-size: 13px; margin-bottom: 0; } .paiement input { margin-top: 3px; padding: 15px; font-size: 16px; width: 100%; border-radius: 3px; border: 1px solid #dcdcdc; line-height: 1; } .ccicon { height: 38px; position: absolute; right: 6px; top: calc(50% - 17px); width: 60px; } /* CREDIT CARD IMAGE STYLING */ .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } .container_card { width: 100%; max-width: 400px; max-height: 251px; height: 54vw; padding: 10px; } #ccsingle { position: absolute; right: 15px; top: 20px; } #ccsingle svg { width: 100px; max-height: 60px; } .creditcard svg#cardfront, .creditcard svg#cardback { width: 100%; -webkit-box-shadow: 1px 5px 6px 0px black; box-shadow: 1px 5px 6px 0px black; border-radius: 22px; } #generatecard{ cursor: pointer; float: right; font-size: 12px; color: #fff; padding: 2px 4px; background-color: #909090; border-radius: 4px; cursor: pointer; float:right; } /* CHANGEABLE CARD ELEMENTS */ .creditcard .lightcolor, .creditcard .darkcolor { -webkit-transition: fill .5s; transition: fill .5s; } .creditcard .lightblue { fill: #03A9F4; } .creditcard .lightbluedark { fill: #0288D1; } .creditcard .red { fill: #ef5350; } .creditcard .reddark { fill: #d32f2f; } .creditcard .purple { fill: #ab47bc; } .creditcard .purpledark { fill: #7b1fa2; } .creditcard .cyan { fill: #26c6da; } .creditcard .cyandark { fill: #0097a7; } .creditcard .green { fill: #66bb6a; } .creditcard .greendark { fill: #388e3c; } .creditcard .lime { fill: #d4e157; } .creditcard .limedark { fill: #afb42b; } .creditcard .yellow { fill: #ffeb3b; } .creditcard .yellowdark { fill: #f9a825; } .creditcard .orange { fill: #ff9800; } .creditcard .orangedark { fill: #ef6c00; } .creditcard .grey { fill: #bdbdbd; } .creditcard .greydark { fill: #616161; } /* FRONT OF CARD */ #svgname { text-transform: uppercase; } #cardfront .st2 { fill: #FFFFFF; } #cardfront .st3 { font-family: 'Source Code Pro', monospace; font-weight: 600; } #cardfront .st4 { font-size: 54.7817px; } #cardfront .st5 { font-family: 'Source Code Pro', monospace; font-weight: 400; } #cardfront .st6 { font-size: 33.1112px; } #cardfront .st7 { opacity: 0.6; fill: #FFFFFF; } #cardfront .st8 { font-size: 24px; } #cardfront .st9 { font-size: 36.5498px; } #cardfront .st10 { font-family: 'Source Code Pro', monospace; font-weight: 300; } #cardfront .st11 { font-size: 16.1716px; } #cardfront .st12 { fill: #4C4C4C; } /* BACK OF CARD */ #cardback .st0 { fill: none; stroke: #0F0F0F; stroke-miterlimit: 10; } #cardback .st2 { fill: #111111; } #cardback .st3 { fill: #F2F2F2; } #cardback .st4 { fill: #D8D2DB; } #cardback .st5 { fill: #C4C4C4; } #cardback .st6 { font-family: 'Source Code Pro', monospace; font-weight: 400; } #cardback .st7 { font-size: 27px; } #cardback .st8 { opacity: 0.6; } #cardback .st9 { fill: #FFFFFF; } #cardback .st10 { font-size: 24px; } #cardback .st11 { fill: #EAEAEA; } #cardback .st12 { font-family: "Open Sans", cursive; } #cardback .st13 { font-size: 37.769px; } /* FLIP ANIMATION */ .container_card { perspective: 1000px; } .creditcard { width: 100%; max-width: 400px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: -webkit-transform 0.6s; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; transition: transform 0.6s, -webkit-transform 0.6s; cursor: pointer; } .creditcard .front, .creditcard .back { position: absolute; width: 100%; max-width: 400px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; color: #47525d; } .creditcard .back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .creditcard.flipped { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .section__text { margin-top: 0.25em; } .imgpaiement{ margin: 1px; } .close-icon { display:block; box-sizing:border-box; width:20px; height:20px; border-width:3px; border-style: solid; border-color:red; border-radius:100%; background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%, white 56%,transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%, white 56%,transparent 56%, transparent 100%); background-color:red; box-shadow:0px 0px 5px 2px rgba(0,0,0,0.5); transition: all 0.3s ease; } p.description { margin-bottom: 20px; } .errorbox li{ padding-left:15px; } .custom-checkbox{ margin:0 0 10px 0; } .contact-receive-visa #div3{ margin : 40px 0 0 0 ; padding: 5px; display: block; color: #fff; font-size: 14px; line-height: 20px; font-weight: normal; width: 100%; } label.custom-control-label { margin:0; font-size: 14px; font-weight: bold; cursor:pointer ; } #div3 .areyou-indian{ /* border: 2px solid #e5e5e5; border-radius: 13px; */ } .areyou-indian .parsley-error label { color: red; } #annee_inde { padding-left:25px; margin-bottom: 15px; } #annee_inde_update { padding-left:25px; } #div2 a { text-decoration: underline; font-size: 13.92px; line-height: 18px; color: #285acc; letter-spacing: -0.3px; font-size: 13.92px; line-height: 18px; color: #285acc; letter-spacing: -0.3px; } .title_checkout span{ margin-right:10px; } h3.title_recap { font-size: 25px; line-height: 20px; color: #000; text-align: left; } #datedetraitement_checkout .badge { padding:5px; margin-left:10px; } .message_date { width: 100%; margin: 10px 0 15px 0; } #date-delai-main .card-header{ padding: 5px 0 0 10px; } #date-depart-main .card-header{ padding: 5px 0 0 10px; } .panier_contact ul li { margin: 0 0 10px 0; padding: 0 15px; } .paiement ul li { margin: 0 0 10px 0; padding: 0 15px; } .field-container { padding: 0; } .header_paiement .parsley-errors-list{ margin:0; height:10px; } .sf-btn-finish{ color:#FFF; } .alert-content { line-height: 20px;font-size: 14px; color: #3c763d; } .confirmation h2 { font-size: 22px; line-height: 26px; color: #3367ca; font-weight: bold; margin: 0; } .confirmation h3 { font-size: 18px; line-height: 26px; color: #656565; font-weight: bold; margin: 0; padding:0; text-align:left; letter-spacing: normal; } .confirmation p { /* margin: 1em 0em;*/ } blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eee; border-left-color: rgb(238, 238, 238); } .suivi-visa { padding: 15px 101px 26px 97px; background: #fff; } .container-articles { padding: 15px 10px 15px 10px; background: #fff; } .suivi-visa-popup { padding: 10px; background: #fff; width:100%; } .suivi-heading { width: 100%; padding: 1px 15px 6px; } .suivi-visa h1 { font-size: 24px; line-height: 26px; color: #3367ca; font-weight: bold; display: inline-block; margin: 0 0 30px 0; width: 100%; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; } .suivi-heading ul { width: 100%; } .suivi-heading ul li{ margin: 0 0 10px 0; padding: 0 15px; } #contact-form ul li{ margin: 0 0 10px 0; padding: 0 15px; } .suivi-heading-popup ul li{ margin: 0 0 10px 0; padding: 0 15px; } .suivi_detail h2{ font-size: 24px; line-height: 26px; color: #3367ca; font-weight: bold; margin: 0; } .suivi_detail h3 { font-size: 18px; line-height: 18px; color: #353535; margin: 0; font-weight: bold; padding:0; } .suivi_detail .header-modele{ min-height: 250px; } .suivi_detail .alert p{ font-size: 14px; padding:5px; } .travel-steps_suivi { max-width: 1056px; margin: 14px auto 14px; padding: 0 29px 0 0; } .travel-steps_suivi h1{ font-family: Arial, Verdana; font-weight: 800; font-size: 1.7rem; color: #3367ca; text-transform: uppercase; text-align: center; } .travel-steps_suivi ul {padding: 39px 0;} .travel-steps_suivi ul li {height: 2px; position: relative;background: #cdcdcd;} .travel-steps_suivi ul li.active { background: #cdcdcd;} .travel-steps_suivi ul li.active a { background: #3367ca} .travel-steps_suivi ul li.active span {color: #616161;} .travel-steps_suivi ul li.encours { background: #3367ca;} .travel-steps_suivi ul li.encours a { background: #3367ca} .travel-steps_suivi ul li.encours span {color: #616161;} .travel-steps_suivi ul li:nth-child(2) {width: 50%;} .travel-steps_suivi ul li:nth-child(2) .step-cnt_suivi { right: -16%; } .travel-steps_suivi ul li:nth-child(3) .step-cnt_suivi { right: 0%; } .travel-steps_suivi ul li:nth-child(3) {width: 50%;} .travel-steps_suivi ul li:nth-child(4) {width: 20%;} .evisabox , .facturebox { min-height: 70px; } .step-cnt_suivi { position: absolute; top: -27px; right: 25%; z-index: 9; width: 33.33%; } .step-cnt_suivi a {width: 56px;height: 56px;border-radius: 100%;background:#e2dede;font-size: 20px;line-height: 22px;font-weight: bold;color: #fff;margin: 0 auto;} .step-cnt_suivi span {font-size: 14px;line-height: 18px;font-weight: bold;color:#b2b2b2;display: block;padding: 4px 0;} .tooltip-wrapper { display: inline-block; /* display: block works as well */ margin: 0; /* make some space so the tooltip is visible */ } .tooltip-wrapper .btn[disabled] { /* don't let button block mouse events from reaching wrapper */ pointer-events: none; } .tooltip-wrapper.disabled { /* OPTIONAL pointer-events setting above blocks cursor setting, so set it here */ cursor: not-allowed; } .suivi-card p{ min-height: 50px; } .historique td { font-size: 12px; } .suivi_detail .node { height: 10px; width: 10px; border-radius: 50%; display:inline-block; transition: all 1000ms ease; } .activated { box-shadow: 0px 0px 3px 2px rgba(194, 255, 194, 0.8); } .divider { height: 40px; width: 2px; margin-left: 4px; transition: all 800ms ease; } #collapsHisto li p { display:inline-block; margin: 0 0 0 25px; line-height:0; } #collapsHisto li { list-style: none; line-height: 1px; } .suivi_detail p{ margin:0; font-size: 12px; } .suivi_detail .blue { background-color: rgba(82, 165, 255, 1); } .suivi_detail .green{ background-color: rgba(92, 184, 92, 1) } .suivi_detail .red { background-color: rgba(255, 148, 148, 1); } .suivi_detail .grey { background-color: rgb(91, 184, 92); } .suivi_detail .orange { background-color: #ffeeba; } .suivi_detail:after,.suivi_detail:before { margin: 0; padding: 0; } .accordion-section h1 { font-family: Arial, Verdana; font-weight: 800; font-size: 1.7rem; color: #3367ca; text-transform: uppercase; } .accordion-section h2 { font-family:"Open Sans"; font-weight: 600; font-size: 1.7rem; color: #091f2f; letter-spacing: normal ; padding:0; margin:0; } .accordion-section .panel-default > .panel-heading { border: 0; background: #f4f4f4; padding: 0; } .accordion-section .panel-default .panel-title a { display: block; font-size: 1rem; position: relative; margin-right: 20px; } .accordion-section .panel-default .panel-title a:after { font-family: 'FontAwesome'; font-style: normal; font-size: 2rem; content: "\f106"; color: #3367ca; float: right; position: absolute; display: block; right: -20px; top: 50%; transform: translateY(-50%); } .accordion-section .panel-default .panel-title a.collapsed:after { content: "\f107"; } .accordion-section .panel-default .panel-body { font-size: 1.2rem; } .accordion-section a:hover { color: #3367ca; } .accordion-section p { margin-top:10px; line-height: normal; padding:10px; } a.lienp { font-size: 1.10rem; font-weight: 300; color: #3367ca; } a:hover.lienp { text-decoration: underline; } .informations { padding: 3px; background: #fff; } .informations h1, .documents h1 { font-size: 1.6rem; line-height: 32px; display: block; text-align: center; color: #3367ca; margin: 15px 0 30px 0 ; width: 100%; /* border-bottom: 1px solid #e5e5e5;*/ padding-bottom: 15px; } .titre-article { padding: 0 101px 6px 97px; background: #fff; } .titre-article h1 { line-height: 32px; display: block; text-align: center; color: #686868; margin: 25px 0 55px 0 ; width: 100%; } .titre-article p{ position: relative; padding: 0 0 1px 0; color: #686868; font-size: 1.08rem; line-height: 130%; } .trait-article { position:relative; display:inline-block; } .trait-article:after { content:''; position:absolute; left:0;right:0; bottom: -30px; margin: 5px auto; width:10%; height:6px; background:#ff3b3b; } .article_main{ padding: 10px 0 0 0; } .informations h2 ,.documents h2{ font-size: 24px; line-height: 32px; display: block; text-align: left; color: #000000; } .spip{ border-left: .5rem solid #e5e5e5; padding-left: .5rem; line-height: 1.3; } .textbox{ padding: 6px 2px 7px 15px; margin : 5px 15px; } .textbox p { font-size: 1.15rem; line-height: 160%; padding: 10px 10px 0 10px; } #sommaire { text-align: center; background-color: #f8f9fa !important; padding: 6px 2px 47px 15px; margin: 2em 0; border-top: 5px solid #3367ca; margin: 0 15px 15px 15px; } .sommaire li { font-size: 1.15rem; list-style-type: none; padding: .5em 0 0; line-height: 1.25; } .sommaire li a { padding-left: 1.3em; font-size: 1.1rem; font-weight: 700; display: block; color: #000000; line-height: 1.25; } .sommaire li a:hover { text-decoration: underline; } ul.sommaire { text-align: left; padding: 0; margin: 0; } .sommaire li a::before { content: "\f105"; font-family: 'FontAwesome'; display: inline-block; margin-left: -1.3em; width: 1.3em; } .chapo { font-size: 1.3em; color: #666; margin-top: 1rem; line-height: 1.35; } .formulaire { font-size: 18px; } p.text-article { font-weight: normal; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 160%; padding: 0 0 0 12px; } .titre-article { margin:0 15px 0 15px; } h2.titre-article{ font-size: 24px; line-height: 32px; display: block; text-align: left; color: #000000; } .content-article { margin: 0 0 0 10px; } .content-article .alert{ margin-left:20px; margin-right:20px; } /* unvisited link */ a.coconlien:link { color: #007bff; /* font-size: 1.08rem; line-height: 160%;*/ text-decoration: none; } /* visited link */ a.coconlien:visited { color: #007bff; text-decoration: none; } /* mouse over link */ a.coconlien:hover { text-decoration: underline; } /* selected link */ a.coconlien:active { color: #007bff; text-decoration: underline; } /****FLAG*****/ .flag-wrapper { width: 100%; display: inline-block; position: relative; box-shadow: 0 0 2px black; overflow: hidden; margin-bottom: 20px; } .flag-wrapper:after { padding-top: 75%; /* ratio */ display: block; content: ''; } .flag-wrapper .flag { position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* width: 100%; */ /* height: 100%; */ background-size: cover; } .no-wrap { white-space: nowrap; margin-bottom: 8px; overflow: hidden; } .all-flags .flag-icon-background { cursor: pointer; } .icone-pays{ width: 180px; display: inline-block;font-size: 90%; } .artile-img img{ height: 300px; max-width: 100%; margin: 0 0 10px 0; } p.chapeau{ font-size: 1.5em; } .chapeau a.coconlien:link { font-size: 1em; line-height: 130%; } h3.autres { color: #686868; padding:5px; font-size: 18px; border-bottom: 1px dotted #DDD; width: 100%; margin: 0 0 15px; } .autres-liens{ background-color: #f9f9f9; } a.button-visa-price { font-size: 16px; line-height: 18px; font-weight: bold; } .delete { margin-top: 12px; padding:5px; } .test{ border-color: green; } #wizard-box p{ margin-left:10px; } p.pere_title { font-size: 18px; font-weight: bold; margin:0; } p.mere_title { font-size: 18px; font-weight: bold; margin:0; } .form-info .input-group-text{ border:none; background-color:transparent; } .form-traveler-box{ background-color: #f9f9f9; padding:5px; margin: 25px 0 0 0; border-radius: 10px; overflow: auto; } .select2-selection { height: 38px !important; } .input-group-text label{ height: 38px !important; } .select2-container--open { z-index: 99999999999999999999999999; } .dropdown-wrapper{ z-index: 99999999999999999999999999; } .myIframe{ width: 100%; min-height: 420px; } .resp-iframe{ top: 0; left: 0; width: 100%; height: 100%; border: 0; } .row .paiement{ width: 100%; } .montantcb{ background-color: #f1f3f5; padding: 5px 20px;} .finish{ display: none;} .suivi-visa .lead { font-size: 1.10rem; } .cocon-txt img.mx-2, h2.pt-title img { height: 20px; } .navbar-nav { display: block; text-align: center; margin: 0 auto; } .navbar-nav .nav-item { padding: 0 35px; display: inline-block; } .sf-nav { width: 100% !important; } .sf-t4 .sf-nav-number { left: 50% !important; transform: translateX(-50%) !important; } .sf-t4 .sf-nav li { text-align: center !important; width: calc(100%/3) !important; padding: 30px 0 0 !important; } .sf-t4 .sf-li-number .sf-nav-subtext { left: 0 !important; } .cocon-margin img.mx-auto.d-block { width: 220px; height: 160px; object-fit: contain; } .nos-avantages { padding: 20px 50px 20px 50px; } .for_mobile { display: none; } .navigation { display: none; } .maincontent-cocon .navigation{ display:block; } .maincontent-cocon .img-fluid{ max-width: 80%; margin: auto !important; } a.toggle_menu { font-size: 12px; line-height: 20px; color: #007bff; font-weight: 600; margin-bottom:5px; display:block; padding-left: 15px; } span.tooltip_info { background: #007bff; width: 15px; height: 15px; display: inline-block; border-radius: 100%; color: #fff; text-align: center; font-size: 12px; line-height: 15px; margin-left: 5px; } div#para2, div#para3, #choixvisa1, p#para1 { background: #ececec; padding:10px !important; } .collapse.show { margin-top: 5px !important; margin-bottom: 15px !important; } a.toggle_menu.toggle_btn{ border: 1px solid; padding:10px; margin:15px auto 0; width:100%; border-radius:15px; display:none; text-align:center; } div#para7 { display: block; } a.toggle_menu span { background: #007bff; width: 13px; height: 13px; display: inline-block; border-radius: 100%; color: #fff; font-size: 10px; line-height: 13px; text-align: center; margin-right: 5px; } .select2-container--open .select2-dropdown { max-width: 300px !important; min-width: 300px !important; margin-left: -30px !important; } a.toggle_menu span.down-arrow { background: transparent; color: #007bff; font-size: 14px; transform: rotate(-180deg); } a.toggle_menu.collapsed span.down-arrow{ transform: rotate(0deg); } .btn-gradient-primary { background-color: #fe6c09; border-color: #fe6c09; border-radius: 5px !important; padding: 10px !important; } #div2{ padding:15px 25px; font-size:14px; border-radius:5px; } .panier_facture .form-row { display: block; } .form-row.code-ville { display: flex; margin-bottom: 15px; } .todos_labels li:first-child { order: 4; margin-top: -5px !important; } #Paiement_frame table { width: 60%; margin: 0 auto; } #Paiement_frame td { width: 50%; padding: 5px 10px; } #Paiement_frame select, #Paiement_frame input { width: 100%; } /*Antoine*/ .navigation span { font-size: 0.7rem; } .breadcrumb-item a{ font-size: 0.7rem; } .breadcrumb-item i.fas{ margin-right:5px; color:#007bff; } .suivi-visa, .titre-article { padding: 10px 0; } .titre-article h1 { line-height: 40px; margin: 25px 0 15px 0 ; } .artile-img img{ height: 500px; } .maincontent-cocon input[type=button] { line-height: 1rem !important; padding: 15px 2px !important; } #sommaire { padding: 6px 2px 7px 15px; } a{display:inline-block} .banner-cnt.banner-cnt3 img {object-position:center;} .accordion-section a { line-height: 18px; } .faqlink a { color:#3367ca; } .maincontent-cocon .button_index_large{ padding: 0; } .header-modele{ margin: -183px auto 0; padding: 20px 0; border-radius: 8px; } .suivi_detail .tooltip-wrapper{ display:block; } .tooltip-wrapper .btn { border: 1px solid; margin: 30px auto 0; width: 100% !important; display: block !important; padding: 10px !important; } .suivi_detail .evisabox, .facture .facturebox { margin: 0; margin-top: 0px; background: #f7f7f7; padding: 12px; } .header-alert{ padding: 0; margin:0; } .header-alert { text-align: center; } .alert-rouge{ background-color: #ff6f4c; } .alert-vert{ background-color: #00ac8c; } .alert-jaune{ background-color: #fdcf41; } .alert-vert p, .alert-rouge p{ color:#FFF; font-size: 1em; margin:0; } .alert-jaune p { color:#000; font-size: 1em; margin:0; } /* Style the navbar */ #navbar { overflow: hidden; background-color: #333; } /* The sticky class is added to the navbar with JS when it reaches its scroll position */ .sticky { position: fixed; top: 0; width: 100%; z-index: 99999999999999999; } /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */ .sticky + .content { padding-top: 45px; } .panel-title a { font-size: 1rem; } /*a,a:hover{text-decoration: none; outline: none;}*/ /* a.coconlien:link { color: blue; font-size: 1.08rem; line-height: 160%; } */ /* mouse over link */ /* a.coconlien:hover { text-decoration: underline; } */ /* selected link */ /* a.coconlien:active { color: blue; text-decoration: underline; } */