@font-face {
    font-family: 'latomedium';
    src: url('lato-medium-webfont.woff2') format('woff2'),
         url('lato-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{ margin:0; padding:0;background-color:#EEF3FA;font-family: 'latomedium';}
.cl{ clear:both;}
.container{margin:auto; padding:0; background-color:#FFF;}
.container .logo{ text-align:center;}
.res{ display:inline-block!important;}
.container .menu{ margin:0 13px;padding:0; background-color:#8836FC;border-radius: 5px;}
.container .menu ul{ margin:0; padding:0; list-style:none;}
.container .menu ul li{ display:inline-block; margin:0; padding:9px 20px; background:url(../images/menu-line.png) 100% 4px no-repeat;}
.container .menu ul li a{ text-decoration:none; color:#FFF; display:inline; font-size:17px; margin:0; padding:0;}
.banner{ border-bottom:2px solid #9867DC;margin:0 13px;}

.mid{ margin:0; padding:0;}
.mid .mid-left{margin:0; padding:40px 0px 0 15px;text-align:left; }
.mid .mid-right{margin:0; padding:11px 6px 0 0;text-align:right;}
.click{ text-align:center; margin:0; padding:17px 0 0 0; display:block;}
.coin{ margin:11px 0 0 4px; padding:0;}
.make-web{ color:#0202D1; font-size:31px; text-align:center; }
.make-web img{}
.make-web h2{font-weight:600;}


.mid-left{ padding:0; margin:0 23px 0 0;}
.inner-right h2{ font-size:20px; text-decoration:underline;}
.mid-left h3{ font-size:18px; font-weight:600; color:#FFF; text-align:center; background-color:#8836FC; padding:0;text-transform: uppercase;}
.left-menu{border: 1px solid #2D02D8;border-radius: 5px; background-color:#8836FC;}
.left-menu ul{ list-style:none; margin:0; padding:0;}
.left-menu ul li{ display:block;margin:0; padding:0 15px;border-bottom:3px solid #fff; position:relative;background:url(../images/left-menubg.png) no-repeat;}
.left-menu ul li:last-child{ border:none;}
.left-menu ul li a{ display:block; margin:0; padding:6px 13px; font-size:16px; text-decoration:none; color:#FFF; background:url(../images/blt.png) 0 16px no-repeat;}
.left-menu ul li ul li{padding:0!important;}
.left-menu ul li a:hover{ text-decoration:underline!important;}
.left-menu ul li ul{ display:none; margin:0; padding:0;}
.left-menu ul li:hover ul{ margin:0; padding:0; position:relative; display:block;}
.left-menu ul li ul li{ display:block;}
.client-drop ul li{ border-bottom:1px solid #FFF; background-color:#8836FC!important;background-image:none;}
.client-drop ul li a{ font-size:14px;}
.drop{ position:absolute; right:21px; top:9px;cursor: pointer;}
.inner-left .mid-left{ padding:25px 0 0 0; margin:0;}
.mid-left1 ul{ margin: 0 0 0 15px; padding: 0; list-style:decimal;}
.mid-left1 ul li{ margin: 0; padding:10px 0;}
.tab1 ul{ margin: 0; padding: 0; list-style: none;}
.tab1 ul li{ display: block; background-color: rgb(240, 240, 240);    border-bottom: 5px solid #FFF;}
.tab1 ul li spam{ width: 34%; padding: 0; text-align: left; display: inline-block;}
.tab1 ul li samp{width: 66%;}

.service_section_2{width: 100%;float: left;padding-top: 30px;}
.icon_1{width: 100%;text-align: center;}
.margin1{ margin:0 0 25px 0;}
.margin2{margin:0 0 20px 0;}
.website_text {width: 100%;font-size: 20px;color: #282828;text-transform: uppercase;text-align: center;font-weight: 500;}


.contact-h2{font-weight: 600;font-size: 25px;color: #00006A;text-align: center;line-height:35px;text-decoration: none;margin:30px 0 30px;}
.contact-h2 b{ color: #CC0000;}
.contact-form ul{ margin:0; padding:0; list-style:none;}
.contact-form ul li{ width:100%; display:block; margin-bottom:15px;}
.contact-form ul li span{ font-size:14; font-weight:bold;}
.contact-form ul li .contact-input{ border:1px solid #9867DC; padding:3px; width:100%; border-radius:5px; background-color:#eceefb;}

.heading5{ color: #CC0099; font-size: 20px; font-weight: 600; padding: 13px 0 18px;}

.alc{ text-align: center}
.head1{ font-size: 23px; color:#CC0000; padding: 0;font-weight: 600; line-height: 29px;}
.head2{ font-size: 19px; color:#CC0000; padding: 0; color: #00006A;font-weight: 600;}
.head3{ font-size: 21px; color:#0033CC; padding: 0;font-weight: 600;}
.head4{ font-size: 21px; color:#CC0099; padding: 0;font-weight: 600;}
.cox1{border:2px solid #8836FC; border-radius:0px 5px 5px 5px; padding:15px 8px; margin:0px 0 30px; background-color: #F5EEFE;}

.cox1 .head1{ font-size: 19px; color:#CC0000; padding: 0;font-weight: 600; line-height: 29px; margin:0px 0 8px 0;}
.cox1 .head2{ font-size: 19px; color:#CC0000; padding: 0; color: #00006A;font-weight:600;margin:0px 0 8px 0;}
.cox1 .head3{ font-size: 19px; color:#0033CC; padding: 0;font-weight: 600;margin:0px 0 8px 0;}
.cox1 .head4{ font-size: 19px; color:#CC0099; padding: 0;font-weight: 600;margin:0px 0 8px 0;}

.plan{font-size: 21px; color: #FFF; background-color:#8836FC; padding:9px 20px;display: inline-block;border-radius: 7px 7px 0px 0px; margin: 0;}

.tab .text13{border-right: 2px solid #FFF;text-align: -webkit-left;background-color: rgb(240, 240, 240);border-bottom: 5px solid #FFF;padding: 0 0 0 10px;}




.contact-form ul li .contact-textarea{ border:1px solid #9867DC; padding:3px; width:100%; border-radius:5px; height:100px; background-color:#eceefb;}
.con-img{ text-align:center; padding:10px;border:5px solid #9867DC; margin:5px 0px 5px 2px; border-radius:5px;}
.con-img1{text-align:center; padding:8px;border:5px solid #9867DC; margin:5px 0px 5px 1px; border-radius:5px;}
.box-bg-col{text-align:center; margin-bottom:30px; padding:3px 10px;border:1px solid #000; border-radius:5px; background-color:#8836FC; color:#FFF; font-size:15px;}
.box-bg-col:hover{ background-color:#000066;}
.head{ display: block;}
.head p{ font-size: 16px; padding: 0 0 15px;}
.head h2{ font-size: 21px; color: #00006A; margin: 0; padding:27px 0 15px; text-decoration: underline; font-weight: 600;}
.head h3{font-size: 18px; padding: 0 0 6px;} 


.footer{ background-color:#00006A;}
.footer p{font-size:12px; text-align:center; padding:5px 0; color:#FFF; margin:0;}



@media (min-width:1200px) {
.container {width:1024px;}
    .container1{width: 768px;}
}