*
{
padding: 0px;
margin:0px;
}
body
{
font-family: 'Roboto', sans-serif;
}
.padding-none
{
padding: 0px !important;
}
.blue-btn
{
background-color: #63b5f6;
padding: 10px 20px;
color: #fff !important;
border-radius: 100px;
}
.pd_tb_5px
{
padding: 5px 0px;
}
.color_white
{
color: #fff;
font-family: 'Roboto', sans-serif;
}
.col-100
{
width: 100%;
}
.left
{
float: left;
}
.com_pd
{
padding: 60px;
}
.mandatory
{
color: red;
}
.google_policy
{
font-size: 11px;
color: #fff !important;
}
.google_policy a
{
color:#c3b8b8;
}

::placeholder {
  color: #fff !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #fff !important;;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #fff !important;;
}
.blue
{
color: #49b2e1 !important;
}
.port_btn
{
padding: 20px 0px;
}
/*global css*/

/*header start here*/

.wrap-all {
width: 100%;
height:65px;
position: fixed;

/*background-color: lightblue;
background-color: #1fc8db;
background-image: linear-gradient(141deg, #9fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);*/
top: 0;
left: 0;
z-index: 100;
/*box-shadow: 0px 5px 11px 0px #848080;
border: 0px !important;
border-radius: 0px !important;*/
}
.dropdown-toggle {
position: absolute;
opacity: 0;
}
.dropdown-label {
/*  margin-top: 12px;
margin-left: 20px;
width: 33px;
height: 30px;
display: block;
position: absolute;*/
margin-left: 20px;
width:44px;
height:44px;
display: block;
position: absolute;
right: 135px;
z-index: 9;
top: 12px;
cursor: pointer;
background: #fff;
border-radius: 100px;
  padding: 15px 10px;
}
/*.dropdown-label::before {
content: "";
position: absolute;
top: 5px;
left: 0;
width: 100%;
height: 5px;
border-top: 13px double #000;
border-bottom: 4px solid #000;
}*/

.icon-bar1{
height: 3px;
width: 24px;
top: -18px;
margin-bottom: 3px;
background-color: #000;
border-radius: 100px;
}
.icon-bar3 {
height:3px;
width:24px;
top: -18px;
background-color: #000;
border-radius: 100px;
}
.icon-bar2 {
height: 3px;
width: 20px;
top: -2px;
/* right: 0px; */
margin-bottom: 3px;
background-color: #000;
margin-left: 9px;
border-radius: 100px;
}
.menu-slide-from-left {
/*	width: 400px;
height: 800px;
margin-top: 55px;
transform: translateX(-500px);
border: 1px solid black;
background-color: black;
position: absolute;*/
width: 400px;
height: 800px;
/*margin-top: 55px;*/
margin-top: 0px;
transform: translateX(100%);
/*border: 1px solid black;*/
/*background-color: #1fc8db;*/
background-color: #0a0a0a8a;
/*background-image: linear-gradient(141deg, #9fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);*/
position: absolute !important;
right: 0px;
width: 100%;
top: 0px;
}
.transition-after-pageload {
transition: 0.8s;
position: relative;
width: 100%;
float: left;
}
.dropdown-toggle:checked ~.menu-slide-from-left {
transform: translateX(0);
transition: 0.8s;
}
.inner-menu-slide-from-left {
/*	width: 300px;
display: block;
margin-left: auto;
margin-right: auto;*/
width: 20%;
display: block;
float: right;
height: 100%;
background-color: #e2e2e2;
/*background-image: linear-gradient(141deg, #9fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);*/
/*background-image: url('../images/right_section_bg.jpg');*/
background-size: cover;
background-repeat: no-repeat;
}
.button-members {
margin-top: 50px;
}
.button {
color: white;
text-align: center;
padding: 10px 20px;
font-weight: bold;
margin-bottom: 20px;
display: block;
margin-left: auto;
margin-right: auto;
}
.white-button {
background-color: white;
border: 2px solid white;
color: black;
}
.black-button {
border: 2px solid white;
}
.menu-sub_li_lists {
color: white;
padding-top: 10px;
padding-bottom: 10px;
}

.menu-slide-from-left .inner-menu-slide-from-left .right_section ul.menu_inner
{
padding: 0;
margin-bottom: 0px;
margin-top: 55px;
}
.menu-slide-from-left .inner-menu-slide-from-left .right_section ul.menu_inner li
{
list-style: none;
padding:10px 20px !important;
/*border-bottom: 1px solid #fff !important*/;
}
.menu-slide-from-left .inner-menu-slide-from-left .right_section ul.menu_inner li a:hover
{
color: #2871ae;
}
.menu-slide-from-left .inner-menu-slide-from-left .right_section ul.menu_inner li a
{
color: #011e4e;
text-decoration: none;
font-family: 'Roboto', sans-serif;
font-weight: 600;
font-size:21px;
}
.menu-slide-from-left .inner-menu-slide-from-left .right_section ul.menu_inner li.deactive_menu
{
padding: 7px 22px !important;
}
.menu-slide-from-left .inner-menu-slide-from-left .right_section ul.menu_inner li.deactive_menu > a
{
color: #686868;
font-size: 18px !important;
font-weight: 400;
}
/*ul.menu_inner li > .sub_li_list
{
display: none;
}*/
/*.menu-slide-from-left .inner-menu-slide-from-left .right_section ul.menu_inner li:hover > .inner_categories
{
display: block;
position: absolute;
width: 80%;
left: 0px;
top: 0px;
height: 100%;
background: #fff;
}*/
/*.sub_li_list
{
width: 80%;
left: 0px;
position: absolute;
top:0px;
display: block;
transform: translateX(0);
transition: 0.8s;
}*/
.navbar
{
border: none !important;
}
ul.menu_inner li > .sub_li_list
{
width: 80%;
float: left;
transition: all 0.5s ease-in;
transform: translate(0%, -400%);
position:absolute;
left: 0%;
top:100%;
opacity: 0;
/*padding-bottom: 50px;*/
background-color: #fff;
/*background-image: linear-gradient(141deg, #9fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);*/
height: 100%;
/*background-image: url('../images/bg.jpg');*/
background-size: cover;
padding: 0px 20px;
}
ul.menu_inner li > .sub_li_list > ul.category_list li
{
width:33.333%;
float: left;
border-bottom: none !important;
padding: 0px !important;
height: 58px;
}
ul.menu_inner li > .sub_li_list > ul.category_list li a > .category_list_box
{
padding:8px 0;
margin-bottom: 20px;
border-bottom:1px solid #e0e0e0 !important;
}
ul.menu_inner li > .sub_li_list h1
{
color: #011943;
font-family: 'Oswald', sans-serif;
font-size: 55px;
}
.category_list_box h4
{
font-size: 13px;
color: #011e4e;
/*font-weight: 600;*/
}
.category_list_box h4:hover
{
color:#2e8a96;
transition: all;
-webkit-transition: all; /* Safari */
transition-delay: .1s;
transition-timing-function: ease-in-out;

}
ul.menu_inner li > .show
{
transition: all 0.8s ease-in;
/*transform: translate(0%, -667%);*/
transform: translate(0%, -100%);
opacity: 1;
}
.right_contact_details
{
/*padding: 100px 0px;*/
position: relative;
bottom:-27px;
}
.right_contact_details ul
{
padding: 0px;
margin: 0px;
}
.right_contact_details ul li
{
list-style: none;
}
.right_contact_details ul li p
{
font-size: 13px;
margin: 0px;
color: #011e4e;
}
.social_links
{
position: relative;
bottom:-32px;
}
.social_links ul
{
padding-left: 5px;
width: 100%;
float: left;
}
.social_links ul li
{
float: left;
display: inline-block;
padding: 0px 10px;
}
.social_links ul li a
{
color:#7d7d7d;
font-size: 19px;
}
/*topbar menu*/
.logo_new
{
padding: 8px 0px 0px 0px;
}
.menu_list ul
{
margin: 0px;
padding: 0px;
}
.menu_list ul li
{
float: left;
padding: 22px 13px;
list-style: none;
}
.menu_list ul li.port
{
position: relative;
}
.menu_list ul li.port::after
{
position: absolute;
content: "";
top: 22px;
right: 0px;
width: 1px;
height: 18px;
background: #fff;
}
.menu_list ul li a
{
font-size: 15px;
color: #fff !important;
text-transform: capitalize;
text-decoration: none;
}
.contact_no
{
padding:12px 0px;
}
.contact_no p
{
text-transform: uppercase;
color: #fff;
margin-bottom: 0px;
}

ul.top_menu{
list-style:none;
padding: 0;
}

ul.top_menu li{
line-height: 2.1rem;
position: relative;
}

ul.top_menu li ul{
position: absolute;	
}
ul.top_menu li > ul li 
{
width: 100%;
padding: 12px 16px;
}
ul.top_menu li > ul li a
{
font-size: 12px;
font-family: 'Roboto', sans-serif;
}
ul.top_menu li a{
display: block;
color: #ddd;
/*	padding: 0 2.5em;*/
text-decoration: none;
position: relative;
-webkit-transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
font-family: 'Roboto', sans-serif;
}
ul.top_menu .padre a:after{
content: "";
display: block;
position: absolute;
right: .5em;
top: 1.2em;
height: 0;
width: 0;
}

ul.top_menu .padre > a:after{
border-top: 6px solid #ffffff;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}

ul.top_menu ul .padre > a:after{
content: "";
display: block;
position: absolute;
right: .5em;
top: 1.2em;
height: 0;
width: 0;
border-left: 6px solid #ffffff;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}

/*PRIMER NIVEL*/
ul.top_menu{
/*display: table;
width: 100%;*/
float: right;
}
ul.top_menu > li {
float:left;
}

/*SEGUNDO NIVEL*/
ul.top_menu li > ul{
max-height: 0;
overflow: hidden;
background:#01193e;
width: 200px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

ul.top_menu li:hover > ul{
max-height: 700px;
overflow: visible;
}

ul.top_menu > li > ul{
top: 100%;
}

/*TERCER NIVEL*/
ul.top_menu ul ul{
top: 0;
left: 100%;
}
.estimation
{
background: #63b5f6;
border-radius: 100px;
padding: 9px 22px!important;
margin-top: 12px;
}
/*.estimation:hover
{
background-color:#fff !important;
}*/
.estimation a
{
color: #fff !important;
font-size: 14px !important;
}
/*topbar_menu*/

.background_bg
{
width: 80%;
/*background-image: url(../images/backgroun_bg.jpg);
background-size: cover;*/
height: 100%;
position: absolute;
}
.product_boxes
{
position: relative;
}
.product_boxes:before
{
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
height: 100%;
background-color: #000000ad;
}

/*header*/
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

.field--wrapper {
  position:relative;
  margin-bottom:20px;
}
/*#demo-form
{
width: 80%;
float: left;
}*/
#demo-form #select-country
{
background-color: transparent;
border: 0px;
/*margin-top: 14px;*/
border-radius: 100px;
color: #fff;
/* text-transform: uppercase; */
font-size: 17px;
font-family: 'Roboto', sans-serif;
}

#demo-form #select-country{
    padding: 7px 1px;
    /* border: 1px solid transparent; */
    /* border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; */
    cursor: pointer;
    user-select: none;
    width: 100%;
}
select option{
  background:rgba(25, 25, 25, 0.71);
  padding: 10px 20px;
  font-size: 15px !important;

}

/*header end here*/
.main_banner .owl-carousel .item img
{
position: relative;
}
.main_banner .owl-carousel .item img::before
{
content: "";
background-color: black;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
}

.banner_content {
    height: 100vh;
    background: #022a5e url(../images/banner_1.jpg) no-repeat center center/cover;
    position: relative;
}
.banner_content::before {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/overlay-pattern.png) rgba(1,42,94,.05);
    background-color:#00000057;
    z-index: 1;
    height: 100%;
}
.banner-content_inner {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    max-width: 100%;
    margin: 0 auto;
    left: 0;
    right: auto;
    max-width: 850px;
    padding: 0 0 0 90px;
    z-index: 2;
}
.banner_heading
{
font-size:44px;
color: #fff;
line-height:64px;
font-family: 'Oswald', sans-serif;
}
.banner-para
{
font-size: 17px;
color: #fff;
margin-bottom: 40px;
font-family: 'Oswald', sans-serif;
letter-spacing: 1px;
line-height: 27px;
margin-top: 0px;
}

.service_heading
{
height: 100%;
padding: 20px;
}
.service_heading:nth-child(1)
{
background-color:#33a8fb;
/*background-image: url("../images/webdevelopement.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: contain;*/
}
.service_heading:nth-child(2)
{
background-color:#3495e2 ;
/*background-image: url("../images/maintance.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: contain;*/
}
.service_heading:nth-child(3)
{
background-color:#2872af;
/*background-image: url("../images/maintance.png");
background-repeat: no-repeat;
background-position: bottom;
background-size: contain;*/
}
.service_heading h3
{
font-size: 25px;
color: #fff;
text-transform: capitalize;
font-family: 'Oswald', sans-serif;
}
.service_heading p
{
color: #fff;
font-size:15px;
}
.client_thumb
{
position: relative;
bottom: 104px;
z-index: 9;
}

/*contact form*/

.form_outer
{
padding: 40px 0px;
width: 100%;
float: left;
}
.form_outer input,.form_outer textarea
{
background: transparent !important;
border-top: transparent !important;
border-left: transparent !important;
border-right: 0px !important;
border-radius: 0px !important;
width: 100% !important;
}

.form_outer label
{
color: #555;
font-weight: normal;
}
.form_outer .blue-btn
{
padding: 10px 77px;
text-align: center;
}
.form_outer input[type=checkbox]
{
width: 3% !important;
float: left;
}
.form_outer p
{
color: #fff;
}
.contact_details
{
padding: 0px 100px;
}
.contact_details ul.contact_list
{
padding: 0px;
margin: 0px;
margin-bottom: 10px;
}
.contact_details ul.contact_list li
{
color:#fff;
list-style: none;
font-size: 18px;
}
.contact_details ul.contact_list li .fa
{
font-size: 18px;
margin-right: 10px;
}
.award_display img
{
margin: auto;
}
.review_section .box_1
{
padding: 25px;
background-color: #33a8fb;
text-align: center;
height: 195px;
color: #fff;
}
.review_section .box_1 h3
{
color: #fff;
}
.review_section .box_2
{
padding: 25px;
background-color: #3795e2;
text-align: center;
height: 195px;
color: #fff;
}
.review_section .box_2 h3
{
color: #fff;
}
.review_section .box_3
{
padding: 25px;
background-color:#2871ae;
text-align: center;
height: 195px;
color: #fff;
}
.review_section .box_3 h3
{
color: #fff;
}
.review_section .box_4
{
padding: 25px;
background-color:#1f5d92;
text-align: center;
height: 195px;
color: #fff;
}
.review_section .box_4 h3
{
color: #fff;
}
.testimonila_section .test_monial_bg 
{
background-image:url('https://www.winklix.com/assets/images/test_monial_bg.jpg');
background-repeat: no-repeat;
height: 100%;
}
.testimonila_section ul.test_box
{
margin: 0px;
padding: 0px;
}
.testimonila_section ul.test_box li
{
list-style: none;
height: 113px;
padding: 36px 10px;
border: 1px solid #dcdcdc;
text-align: center;
}
.testimonila_section .blue-btn
{
margin-top: 40px;
}
/*contaact form css*/