/* CSS Document */
body { border:0; margin:0;}
.clear {clear:both;}
h1, h2, h3, h4, h5 {font-family: 'Poppins', sans-serif; font-weight:bold; color:#3b3b3b;}
h1 {font-size:38px; font-weight:bold;}
h1 span{font-size:38px; font-weight:bold; color:#0e54e1;}
h2 {font-size:32px; font-weight:bold;}
/*header { width:100%; overflow:hidden; background-color:#072f7e; height:80px;}
*/
.topbar { width:100%; overflow:hidden; background-color:#072f7e; height:auto; }
.top-call { padding-right:20px; float:left; color:#fff; font-family: 'Open Sans', sans-serif; font-size:15px; letter-spacing:1px; font-weight:300; line-height:40px;}
.top-call2 { padding-right:20px; float:left; color:#fff; font-family: 'Open Sans', sans-serif; font-size:15px; letter-spacing:1px; font-weight:300; line-height:40px; float:right;}
.top-call2 ion-icon {color:#fff; font-size:18px;}
.whatsapp ion-icon {color:#179e05; font-size:48px; float:right; position:fixed; bottom:100px; right:50px;}
.logo { width:20%; float:left;}
.menu { width:100%; float:right;}
.banner { width:100%; }
.container { width:90%; margin:0 auto; max-width:1200px;}
.inner{ width:100%; overflow:hidden; padding:20px 0px;}
.inner-lft { width:49%; float:left;}
.inner-rgt { width:49%; float:right;}
.inner-lft2 { width:30%; float:left;}
.inner-rgt2 { width:70%; float:right;}
.inner-lft3 { width:70%; float:left;}
.inner-rgt3 { width:30%; float:right;}
.inner-lft4 { width:70%; float:left;}
.inner-rgt4 { width:30%; float:right; background-color:#055ca9; padding-left:50px; padding-bottom:137px;}
.inner-rgt4 p {color:#fff;}
.inner-rgt4 h2 {color:#fff;}
.inner a { font-weight:bold; color:#FF3300; text-decoration:none; font-family: 'Poppins', sans-serif; font-size:14px;}
.inner a:hover{ font-weight:bold; color:#FF3300; text-decoration:underline;}

.welcome-lft { width:40%; float:left;}
.welcome-rgt { width:60%; float:right;}
.img-res { max-width:100%;}
.txt1 { font-size:16px; color:#0e54e1; font-family:  'Poppins', sans-serif; font-weight:bold; margin-bottom:-30px; margin-top:30px; text-transform:uppercase;}
.txt2 {font-size:17px; font-family: 'Poppins', sans-serif; font-weight:bold; color:#3957ca; margin-bottom:-30px; margin-top:30px;}
.txt3 { font-size:16px; color:#999999; font-family:  'Poppins', sans-serif; font-weight:300;}
p {font-family: 'Open Sans', sans-serif; font-size:15px; color:#333; line-height:24px;}
.inner ul li {font-family: 'Open Sans', sans-serif; font-size:15px; color:#333; line-height:24px; list-style-image:url(../images/list.png); margin-bottom:10px;}

.testimonial-bg { background-image:url(../images/world-map.png); width:100%; height:400px; padding-top:20px;}
.testimonial-bg p { text-align:center; font-size:16px; width:75%; margin:0 auto;}
.testimonial-bg .name { text-align:center; font-size:17px; font-weight:bold; color:#0066FF; font-family: 'Open Sans', sans-serif; padding-top:30px;}


.mid-bor { width:100%; border-bottom:1px solid #ccc; opacity:0.5;}
.icn { width:10%; float:left;}
.icn-txt { width:90%; float:right; margin-top:-20px;}
.icn-txt h4{ font-size:19px; text-transform:capitalize; line-height:22px}
.service-bg { background-color:#f2f9ff; width:100%; padding:20px 0px;}
.service-bg .container{ width:80%; margin:0 auto;}

/*.service-bg h2 { text-align:center; font-size:32px;}
.service-bg p { text-align:center; font-size:16px; color:#333; margin-top:-20px; line-height:26px;}*/
.service-box { width:31%; margin:1%; float:left; text-align: -webkit-center;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);padding: 14px;}
.service-box h4 { font-size:18px; text-align:center;}
.service-box p { font-size:15px; text-align:left; line-height:26px;}
.service-box a { font-weight:bold; color:#FF3300; text-decoration:none; font-family: 'Poppins', sans-serif; font-size:14px;}
.service-box a:hover{ font-weight:bold; color:#FF3300; text-decoration:underline;}
.num-bg { background-color:#f2f9ff; width:100%; padding:20px 0px;}
.num-bg-inn { background-color:#fff; width:100%; padding:20px 0px;}

.num-bg .container{ width:80%; margin:0 auto;}
.num-bg h2 { text-align:left; font-size:32px;}
.num-bg p { text-align:left; font-size:16px; color:#333; margin-top:-20px; line-height:26px;}
.num-box { width:29%; margin:2%; float:left; }
.num-box h2 {color:#072f7e; font-size:36px; text-align:left; line-height:1px;}

.form-bg{ width:100%; overflow:hidden; background-color:#072f7e; padding-bottom:20px;}
.form-bg h2 { font-size:30px; color:#fff; text-align:center; letter-spacing:2px;}
.form-bg p{ font-size:16px; color:#fff; text-align:center;}
.fomr-inbox { width:21%; margin-right:1%; float:left;}
.fomr-inbox input[type="text"] { width:100%; height:50px; border-radius:7px; border:1px solid #fff; padding-left:10px;}
button[type="button"] { width:87px; border:1px solid #fff; padding:11px 15px; border-radius:5px; font-size:17px; background:#fff; color:#000;}
button[type="button"]:hover { width:30px; border:1px solid #fff; padding:11px 15px; border-radius:5px; font-size:17px; background:transparent; color:#fff;}

.clinet {padding-bottom:50px;}
.clinet h2 { text-align:center; font-size:32px;}
.clinet p { text-align:center; font-size:16px;}
.client-box-main { width:100%; padding-bottom:20px!important;}
.client-box { width:15%; margin:0.5%; float:left; border:1px solid #ccc;}
.client-box img { width:100%; max-height:80px;}

.service-box2 { width:31%; margin:1%; float:left;}
.service-box2 img{ width:90%; height:250px;} 

.service-box3 { width:31%; margin:1%; float:left; border:1px solid #ccc; border-radius:5px; padding:7px;}
.service-box3 img{ width:90%; height:250px; margin:0 auto;} 

.service-box4 { width:31%; margin:1%; float:left; border:1px solid #ccc; border-radius:5px; padding:7px;}
.service-box4 img{ width:90%; height:450px; margin:0 auto;} 

.pricing1 { width:31%; margin:1%; float:left; border:1px solid #333399;}
.pricing1-header { background-color:#333399; color:#fff; text-align:center; font-size:30px; font-family: 'Poppins', sans-serif; padding:20px 0px; border-radius:7px; letter-spacing:1px;}
.pricing1-cost { background-color:#000; color:#fff; text-align:center; font-size:24px;  font-family: 'Poppins', sans-serif; font-weight:bold; padding:10px 0px; margin-top:-10px; letter-spacing:1px;}

.pricing2 { width:31%; margin:1%; float:left; border:1px solid #04a435;}
.pricing2-header { background-color:#04a435; color:#fff; text-align:center; font-size:30px; font-family: 'Poppins', sans-serif; padding:20px 0px; border-radius:7px; letter-spacing:1px;}
.pricing2-cost { background-color:#000; color:#fff; text-align:center; font-size:24px;  font-family: 'Poppins', sans-serif; font-weight:bold; padding:10px 0px; margin-top:-10px; letter-spacing:1px;}
.pricing3 { width:31%; margin:1%; float:left; border:1px solid #fcbf3c;}
.pricing3-header { background-color:#fcbf3c; color:#fff; text-align:center; font-size:30px; font-family: 'Poppins', sans-serif; padding:20px 0px; border-radius:7px; letter-spacing:1px;}
.pricing3-cost { background-color:#000; color:#fff; text-align:center; font-size:24px;  font-family: 'Poppins', sans-serif; font-weight:bold; padding:10px 0px; margin-top:-10px; letter-spacing:1px;}

.gpricing input[type="text"] { width:96%; height:40px; border-radius:7px; border:1px solid #ccc; padding-left:10px;}
.gpricing textarea { width:96%; height:140px; border-radius:7px; border:1px solid #ccc; padding-left:10px;}
.gpricing button[type="button"] { width:100px; border:1px solid #333; padding:12px 15px; border-radius:5px; font-size:17px; background-color:#333399; color:#fff; float:right;}

.contact input[type="text"] { width:96%; height:50px; border-radius:20px; border:1px solid #ccc; padding-left:10px; margin-bottom:8px;}
.contact textarea { width:96%; height:140px; border-radius:7px; border:1px solid #ccc; padding-left:10px;}
.contact button[type="button"] { width:100px; border:1px solid #333; padding:12px 15px; border-radius:5px; font-size:17px; background-color:#333399; color:#fff; float:right; margin-right:25px; margin-top:15px;}
.cform { width:49%; float:left;}
.cform-f { width:100%;}

footer { background-image:url(../images/footer.jpg); width:100%; height:420px; margin-top:30px; pdding-top:30px;}
footer h4 { font-size:18px; color:#fff; text-align:left; letter-spacing:1px;}
footer ul { margin-left:-35px;}
footer ul li a {color:#fff; font-size:14px; text-decoration:none; text-align:left; list-style-image:none; line-height:30px;}
footer ul li a:hover {color:#eeeded; font-size:14px; text-decoration:none; text-align:left;}
footer p {color:#fff; font-size:14px; text-decoration:none; text-align:left;}
footer a {color:#fff; text-align:left; text-decoration:none;}
footer a:hover {color:#eeeded; text-align:left; text-decoration:none;}
.footer-box { width:23%; margin:1%; float:left;}
.footer-bottom {color:#05377c; text-align:center; font-size:14px; font-family: 'Open Sans', sans-serif; }

.social ion-icon {color:#fff; font-size:28px;}



 #customers {
  font-family: 'Open Sans', sans-serif; 
  border-collapse: collapse;
  width: 100%;
  font-size:15px;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding:12px 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}




.rocket-seo {background-image:url(../images/seo-rocket.png); background-repeat:no-repeat; height:770px;}
.ser2-lft { width:30%; float:left;}
.ser2-mid { width:40%; float:left;}
.ser2-rgt { width:30%; float:left;}
.ser2-box { width:90%; padding:10px; box-shadow: 10px 5px 5px #ccc; border:1px solid #ccc; overflow:hidden;  border-radius:10px;}
.ser2-box-lft { width:20%; float:left;}
.ser2-box-rgt { width:80%; float:right;}
.digit1 { font-size:100px; color:#288d96;  padding-top:30px;}
.digit2 { font-size:100px; color:#d82528;  padding-top:30px;}
.digit3 { font-size:100px; color:#2d20a5;  padding-top:30px;}
.digit4 { font-size:100px; color:#142474;  padding-top:30px;}
.digit5 { font-size:100px; color:#1f7409;  padding-top:30px;}
.digit6 { font-size:100px; color:#eb9111;  padding-top:30px;}
.ser2-box h4 {line-height:0px;}
.hm-sales {background-image:url(../images/home-sales2.jpg); background-repeat:no-repeat; width:100%;}
.hmsale-lft { width:70%; float:left;}
.hmsale-rgt { width:27%; margin-right:3%; float:right;}
.hmsale-rgt h4 {color:#fff; font-size:26px; text-align:center; margin-top:80px;}
.hmsale-rgt p { font-size:17px; line-height:26px; text-align:center; color:#fff;font-family:;'Open Sans', sans-serif; }
.bot {margin-top:100px; margin-bottom:80px; margin-left:40px;}
.bot a{ border:1px solid #fff; padding:10px 15px; background: transparent; color:#fff; font-family: 'Poppins', sans-serif; font-weight:bold; letter-spacing:2px; border-radius:7px; width:132px; }
.bot a:hover { border:1px solid #179e05; padding:10px 15px; background-color: #179e05; color:#fff;  font-family: 'Poppins', sans-serif; font-weight:bold; letter-spacing:2px; border-radius:7px; text-decoration:none;}


.parallax {
  /* The image used */
  background-image: url(../images/num-bg.jpg);

  /* Set a specific height */
  min-height: 280px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:0 50px;
}
.numbox2 { width:23%; padding:1%; float:left; text-align:center;}
.numbox2 h2 {font-size:40px; color:#fff;}
.numbox2 h4 {font-size:24px; color:#fff; letter-spacing:1px;}

/*-------------Testimonials----------------*/
.testim {
		width: 100%;
		margin-top: 180px;
		-webkit-transform: translatey(-50%);
		-moz-transform: translatey(-50%);
		-ms-transform: translatey(-50%);
		-o-transform: translatey(-50%);
		transform: translatey(-50%);
}

.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 40px 20px;
    margin: auto;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #333;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;    
    -moz-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}

.testim .arrow:before {
		cursor: pointer;
}

.testim .arrow:hover {
    color: green;
}
    

.testim .arrow.left {
    left: 70px;
}

.testim .arrow.right {
    right: 70px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
		height: 12px;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid green;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
		position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: green;
    border-color: green;
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.testim .cont {
    position: relative;
		overflow: hidden;
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div h2 {
    color: green;
    font-size: 1em;
    margin: 15px 0;
}

.testim .cont div p {
    font-size: 17px;
    line-height:30px;
    color: #333;
    width: 70%;
    margin: auto;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}

@media all and (max-width: 300px) {
	body {
		font-size: 14px;
	}
}

@media all and (max-width: 500px) {
	.testim .arrow {
		font-size: 1.5em;
	}
	
	.testim .cont div p {
		line-height: 25px;
	}

}
/*-----------Logo slidedr---------------*/
.brand {
background:#d7e2fd;
padding-top:20px; Padding-bottom:40px; overflow:hidden;
}
.brand-lft {width:25%; float:left;}
.brand-rgt {width:75%; float:right; margin-top:30px;}
.brand-rgt img {border:1px solid #ccc; padding:7px;}
.section-padding{
padding:0px 0;
}

.owl-dots {
text-align: center;
margin-top: 4%;
}
.owl-dot {
display: inline-block;
height: 15px !important;
width: 15px !important;
background-color: #878787 !important;
opacity: 0.8;
border-radius: 50%;
margin: 0 5px;
}
.owl-dot.active {
background-color: #000 !important;
}
.make { border:1px solid #072f7e; background-color:#fff; color:#072f7e; padding:10px; }
.make:hover { border:1px solid #072f7e; background-color:#072f7e; color:#fff; text-decoration:none; }
.price-page-head{width:100%; overflow:hidden;}
.price-page-head-lft{ width:80%; float:left;}
.price-page-head-rgt{ width:20%; float:right; margin-top:40px;}
.gpricing button {background-color:#072f7e; border:1px solid #072f7e; padding:10px 15px; color:#FFF;}
.gpricing button:hover {background-color:transparent; border:1px solid #072f7e; padding:10px 15px; color:#072f7e;}

@media only screen and (max-width: 600px) and (min-width: 360px)  { 
.topbar { width:100%; overflow:hidden; background-color:#072f7e; height:auto; display:none;}
.header { height:77px!important;}
closed-menu { display:none;}
/*.logo { width:20%; float:left;}
.menu { width:100%; float:right;}
.banner { width:100%;}
.container { width:90%; margin:0 auto;}
.inner{ width:100%; overflow:hidden; padding:20px 0px;}*/
h2 {
    font-size: 24px;
    font-weight: bold;
}
.inner-lft { width:100%; }
.inner-rgt { width:100%;}
.inner-lft2 { width:100%;}
.inner-rgt2 { width:100%;}
.welcome-lft { width:100%;}
.welcome-rgt { width:100%;}
.numbox2 { width:48%!important;  text-align:center;}
.numbox2 h2 {font-size:30px; color:#fff; text-align:center;}
.numbox2 h4 {font-size:18px; color:#fff; text-align:center;}
.parallax {
    min-height: 410px;
}
.hmsale-rgt {
    width: 93%;
    margin-right: 3%;
    float: right;
}
/*.txt1 { font-size:16px; color:#0e54e1; font-family:  'Poppins', sans-serif; font-weight:bold; margin-bottom:-30px; margin-top:30px; text-transform:uppercase;}
.txt2 {font-size:17px; font-family: 'Poppins', sans-serif; font-weight:bold; color:#3957ca; margin-bottom:-30px; margin-top:30px;}
.txt3 { font-size:16px; color:#999999; font-family:  'Poppins', sans-serif; font-weight:300;}
p {font-family: 'Open Sans', sans-serif; font-size:15px; color:#333; line-height:24px;}
.inner ul li {font-family: 'Open Sans', sans-serif; font-size:15px; color:#333; line-height:24px; list-style-image:url(../images/list.png); margin-bottom:10px;}

*/



/*.mid-bor { width:100%; border-bottom:1px solid #ccc; opacity:0.5;}
*/
/*.icn { width:10%; float:left;}
.icn-txt { width:90%; float:right; margin-top:-20px;}
.icn-txt h4{ font-size:19px; text-transform:capitalize; line-height:1px}
.service-bg { background-color:#f2f9ff; width:100%; padding:20px 0px;}*/
.service-bg .container{ width:90%; margin:0 auto;}

/*.service-bg h2 { text-align:center; font-size:32px;}
.service-bg p { text-align:center; font-size:16px; color:#333; margin-top:-20px; line-height:26px;}*/
.service-box { width:98%; margin:1%;}
/*.service-box h4 { font-size:18px; text-align:left;}
.service-box p { font-size:15px; text-align:left; line-height:26px;}
.service-box a { font-weight:bold; color:#FF3300; text-decoration:none; font-family: 'Poppins', sans-serif; font-size:14px;}
.service-box a:hover{ font-weight:bold; color:#FF3300; text-decoration:underline;}
.num-bg { background-color:#f2f9ff; width:100%; padding:20px 0px;}
.num-bg-inn { background-color:#fff; width:100%; padding:20px 0px;}*/

.num-bg .container{ width:90%; margin:0 auto;}
/*.num-bg h2 { text-align:left; font-size:32px;}
.num-bg p { text-align:left; font-size:16px; color:#333; margin-top:-20px; line-height:26px;}*/
.num-box { width:96%; margin:2%; margin:0 auto;}
/*.num-box h2 {color:#072f7e; font-size:36px; text-align:left; line-height:1px;}
*/
/*.form-bg{ width:100%; overflow:hidden; background-color:#072f7e; padding-bottom:20px;}
.form-bg h2 { font-size:30px; color:#fff; text-align:center; letter-spacing:2px;}
.form-bg p{ font-size:16px; color:#fff; text-align:center;}*/
.fomr-inbox { width:96%; margin-top:8px;}
/*.fomr-inbox input[type="text"] { width:100%; height:40px; border-radius:7px; border:1px solid #fff; padding-left:10px;}
.fomr-inbox button[type="button"] { width:100px; border:1px solid #fff; padding:12px 15px; border-radius:5px; font-size:17px;}

.clinet {padding-bottom:50px;}
.clinet h2 { text-align:center; font-size:32px;}
.clinet p { text-align:center; font-size:16px;}
.client-box-main { width:100%; padding-bottom:20px!important;}*/
.client-box { width:48%; margin:0.5%; float:left; border:1px solid #ccc;}
/*.client-box img { width:100%; max-height:80px;}*/

.service-box2 { width:96%; margin:1%; margin:0 auto;}
.service-box2 img{ width:90%; height:250px;} 

.service-box3 { width:100%}
/*.service-box3 img{ width:90%; height:250px; margin:0 auto;} 
*/
.service-box4 { width:100%;}
/*.service-box4 img{ width:90%; height:450px; margin:0 auto;} 
*/
.pricing1 { width:90%; margin:0 auto;}
/*.pricing1-header { background-color:#333399; color:#fff; text-align:center; font-size:30px; font-family: 'Poppins', sans-serif; padding:20px 0px; border-radius:7px; letter-spacing:1px;}
.pricing1-cost { background-color:#000; color:#fff; text-align:center; font-size:24px;  font-family: 'Poppins', sans-serif; font-weight:bold; padding:10px 0px; margin-top:-10px; letter-spacing:1px;}*/

.pricing2 { width:90%; margin:0 auto;}
/*.pricing2-header { background-color:#04a435; color:#fff; text-align:center; font-size:30px; font-family: 'Poppins', sans-serif; padding:20px 0px; border-radius:7px; letter-spacing:1px;}
.pricing2-cost { background-color:#000; color:#fff; text-align:center; font-size:24px;  font-family: 'Poppins', sans-serif; font-weight:bold; padding:10px 0px; margin-top:-10px; letter-spacing:1px;}
*/
.pricing3 { width:90%; margin:0 auto;}
/*.pricing3-header { background-color:#fcbf3c; color:#fff; text-align:center; font-size:30px; font-family: 'Poppins', sans-serif; padding:20px 0px; border-radius:7px; letter-spacing:1px;}
.pricing3-cost { background-color:#000; color:#fff; text-align:center; font-size:24px;  font-family: 'Poppins', sans-serif; font-weight:bold; padding:10px 0px; margin-top:-10px; letter-spacing:1px;}

*/
/*.gpricing input[type="text"] { width:96%; height:40px; border-radius:7px; border:1px solid #ccc; padding-left:10px;}
.gpricing textarea { width:96%; height:140px; border-radius:7px; border:1px solid #ccc; padding-left:10px;}
.gpricing button[type="button"] { width:100px; border:1px solid #333; padding:12px 15px; border-radius:5px; font-size:17px; background-color:#333399; color:#fff; float:right;}

.contact input[type="text"] { width:96%; height:50px; border-radius:20px; border:1px solid #ccc; padding-left:10px; margin-bottom:8px;}
.contact textarea { width:96%; height:140px; border-radius:7px; border:1px solid #ccc; padding-left:10px;}
.contact button[type="button"] { width:100px; border:1px solid #333; padding:12px 15px; border-radius:5px; font-size:17px; background-color:#333399; color:#fff; float:right; margin-right:25px; margin-top:15px;}*/
.cform { width:100%;}
.cform-f { width:100%;}

footer { background-image:url(../images/footer.jpg); background-repeat:repeat; height:1150px;}
/*footer h4 { font-size:18px; color:#fff; text-align:left; letter-spacing:1px;}
footer ul { margin-left:-35px;}
footer ul li a {color:#fff; font-size:14px; text-decoration:none; text-align:left; list-style-image:none; line-height:30px;}
footer ul li a:hover {color:#eeeded; font-size:14px; text-decoration:none; text-align:left;}
footer p {color:#fff; font-size:14px; text-decoration:none; text-align:left;}
footer a {color:#fff; text-align:left; text-decoration:none;}
footer a:hover {color:#eeeded; text-align:left; text-decoration:none;}
*/
.footer-box { width:100%;}
/*.footer-bottom {color:#fff; text-align:center; font-size:14px; font-family: 'Open Sans', sans-serif; }

ion-icon {color:#fff; font-size:28px;}
*/

 
 }
 .colmd  { width:31%; margin:1%; float:left; border:1px dashed #ccc; padding:7px;}
 #customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 17px 8px;
  text-align:left;
  font-size:17px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  background-color: #0843b7;
  font-size:40px;
  color: white;
  text-transform:uppercase;
}
.seo-port { border-bottom:1px dashed #fff; }
.seo-port img { border:1px dashed #333; padding:8px; }
.paypal-but input[type=image] {margin-left:20%;}
.paypal-but img {text-align:center;}