body{  margin:0px; padding:0px; overflow-x:hidden; background:url(../images/bg.jpg);font-family: 'Dosis', sans-serif; font-size:18px; }

@font-face {
    font-family: "Trebuchet MS";
    src: url('Trebuchet MS.ttf') format('truetype');
}

h1, h2, h3, h4, h5, h6{font-family: 'Dosis', sans-serif; margin:0px; padding:0 0 10px}

p, span, a, label, input, textarea, button, table{font-family: 'Dosis', sans-serif;}

header{ position:relative}

a:hover{outline:0; text-decoration: none}

a:focus{outline:0; text-decoration: none}

img{max-width:100%}

.logo_section{background:#fff; padding:20px 0 0;}

.menu_section{position:relative; background:#fff}

.top_contact{list-style: none; padding:14px 0; margin:0px; text-align: right;}

.top_contact li{list-style: none; padding:0px 0 0 10px; margin:0px; display: inline-block;}

.top_contact li i{float: left; padding-right:10px; line-height:25px;}

.top_contact li p{overflow: hidden; margin:0px;}

#cssmenu li.active a{color:#23b8e2 !important; background:transparent !important; font-weight:bold;}

#cssmenu{background:#21333f; position:relative;  }

.shape_1{position:absolute; top:-15px; left:-10px; content:""; background:#000; width:10px; height:100%;}

.shape_2{position:absolute; top:-15px; right:-10px; content:""; background:#000; width:10px; height:100%;}

#cssmenu > ul > li {float: none; display:inline-block; border-right:1px solid #9c9c9c; margin-left:-4px;}

#cssmenu > ul > li:last-child{border:0px;}

#cssmenu > ul{text-align: center;}

.menu_section:before{position:absolute; background:#21333f; width:100px; left:0px; height:44px; top:0px; content:"";}

.menu_section:after{position:absolute; background:#21333f; width:100px; right:0px; height:44px; top:0px; content:"";}

.shape_1:before{position:absolute; content:""; top:0px; left:0px;border-right:10px solid #fff; border-bottom:15px solid transparent; }

.shape_1:after{position:absolute; content:""; bottom:-15px; left:0px;border-bottom:15px solid transparent; border-right:10px solid #000; }

.shape_2:before{position:absolute; content:""; top:0px; left:0px;border-top:15px solid #fff; border-right:10px solid transparent; }

.shape_2:after{position:absolute; content:""; bottom:-15px; left:0px;border-top:15px solid #000; border-right:10px solid transparent; }

.slider_section{border-top:5px solid #fff; overflow:hidden;}

#cssmenu ul:before{position:absolute; bottom:-5px; background:#fff; width:100%; height:5px; content:""; left:0px;}

.shape_1 span {  height: 21px; width: 5px;  position: absolute; content: ""; bottom: -21px; background: #fff; left: 2px; transform: rotate(-35deg);  border-radius: 0 0 0 2px;}

.shape_2 span {  height: 21px; width: 5px;  position: absolute; content: ""; bottom: -21px; background: #fff; right: 2px; transform: rotate(35deg);  border-radius: 0 0 2px;}

#cssmenu ul li ul:before{display:none;}

.main_menu{position:relative; top:15px; z-index:9;}

.top_links{list-style: none; padding:0px; margin:0px;}

.top_links li{display:inline-block; padding:0px 15px 0 0; margin:0px; float: left}

.top_links li a{ color:#fff;}

.top_bar{background:#23b8e2; position:relative; padding:5px 0}

.top_so{list-style: none; padding:0px;margin:0px; text-align: right;}

.top_bar:before{position:absolute;background: url(../images/shadow.png) no-repeat scroll center top;bottom: 0px; left: 0px;  width: 100%; height: 100%; content:"";}

.top_links li i{float: left; color:#fff; line-height:25px; font-size:20px; padding-right:10px;}

.top_links li p{overflow: hidden; margin:0px;}

.top_links li p a{color:#fff;}

.top_so li{display:inline-block; padding:0 0px 0 10px;}

.top_so li a{color:#fff;}

.ms-bullets.ms-dir-h{    right: 0 !important; width: 100px !important; opacity: 1 !important; z-index:999}

.ms-skin-default .ms-bullet{width:20px !important; height:20px !important; background:#000;}

.ms-skin-default .ms-bullet-selected{background:#fff}

.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev{opacity:1 !important;  left:unset !important; top:unset; bottom:20%;  border:1px solid #fff;}


.ms-skin-default .ms-nav-prev{right:35px !important;}

.ms-skin-default .ms-nav-next{right:0px !important;}

.ms-bullets.ms-dir-h .ms-bullets-count{right:-15px;}

#masterslider:before{position:absolute; content:""; border-top:400px solid transparent; border-right:300px solid #28c5f1; right:0px; top:0px; z-index:99}

.section_1{padding:0px 0;}

.section_1 h1{text-align: center; margin:0px;}

.side_bar_left {
    position: relative;
    border-width: 1px 1px 0 1px;
    border-color: #DBDBDB;
    border-style: solid;
    margin-top: -40px;
    background: #fff;
    border-radius: 5px;
	margin-right:20px;
}

.side_bar_left::before {
    background: transparent url(../images/sidebar-shadow-left.png) no-repeat scroll center center;
    left: -31px;
    width: 31px;
    height: 100%;
    top: 0px;
    position: absolute;
    content: "";
}

.title_bar {
    background: #23b8e2;
    padding: 13px 20px;
    color: #fff;
    border-radius: 5px 5px 0 0;
    font-weight: bold; font-size:30px;
}

.side_bar_left::after {
    background: transparent url(../images/sidebar-shadow-right.png) no-repeat scroll center center;
    right: -43px;
    width: 43px;
    height: 100%;
    top: 0px;
    position: absolute;
    content: "";
}

.ser_bx .img_holder {
    position: relative;
    width: 200px;
    height: 200px;
    padding: 13.2px;
    text-align: center;
    margin: 0px auto;
    border-radius: 50%;
    background-color: #21333f;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.ser_bx .img_holder .hover_circle {
    position: absolute;
    width: 175px;
    height: 175px;
    float: left;
    opacity: 0;
    padding: 0px;
    margin: 0px;
    border-radius: 50%;
    background: url(../images/site-img59.png) 0px 0px repeat;
    transition: opacity 0.3s ease-in-out 0s;
}

.top50per {
    position: relative;
    top: 42%;
    font-weight: bold;
	font-size:20px;
}

.white {
    color: #fff;
}

.ser_bx .img_holder .img {
    width: 100%;
    height: 175px;
    float: left;
    padding: 0px;
    text-align: center;
    margin: 0px;
    border-radius: 100%;
    background: url(../images/img1.jpg) center top no-repeat;
}

.ser_bx .img_holder .bshape {
    position: absolute;
    width: 78px;
    height: 27px;
    float: left;
    padding: 0px;
    margin: 171px 0px 0px 48px;
  transition: opacity 0.1s ease-in-out 0s;
	
}

.ser_bx:hover .bshape {
    background: url(../images/site-img57.png) 0px 0px no-repeat;
	 transition: opacity 0.1s ease-in-out 0s;
}

.ser_bx .img_holder:hover .hover_circle {
    opacity: 1;
    transition: opacity 0.1s ease-in-out 0s;
}

.ser_bx:hover .img_holder {
    background-color: #23b8e2;
}

.ser_bx{padding:20px 20px 0}

.ser_bx .member_info {
   
    text-align: center;
    padding: 10px 0 10px 0;
    margin: 30px auto 0 auto;
    border-bottom: 1px solid #969696;
    border-top: 1px solid #969696;
}
.member_info h5{font-size:22px;}

.member_info span a{font-weight:600}


.ser_bx.active .img_holder{background:#23b8e2;}

.ser_bx.active .bshape {
    background: url(../images/site-img57.png) 0px 0px no-repeat;
}

.our_ser_list{padding:0px 0 60px;}

.ser_bx .img_holder.e_com .img{ background:url(../images/img2.jpg) no-repeat scroll center top;}

.ser_bx .img_holder.socila_med_mart .img{ background:url(../images/img3.jpg) no-repeat scroll center top;}

.content_bx{padding:50px 0;}

.content_bx h2{margin:0px; padding:0 0 10px;}

.deve_sec{border:0px solid #21333f; padding:0px; background:#fff; box-shadow:0 0 5px #ccc; border-radius:2px; margin:0 0 10px;}

.inter_sec{padding:40px 0}

.dev_icon{width:60px; height:60px; text-align: center; position:relative; background:#21333f; float: left;}

.dev_icon i{line-height:60px; color:#fff; font-size:30px;}

.dev_icon:before{position:absolute; content:""; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #21333f; top:35%; right:-10px;}

.deve_sec p{overflow: hidden; line-height:60px; padding-left:20px; margin:0px; font-size:22px;}

.deve_sec p {color:#21333f;}

.deve_sec:hover .dev_icon{background:#23b8e2;}

.deve_sec:hover .dev_icon:before{border-left-color:#23b8e2;}

.deve_sec.active_dev .dev_icon{background:#23b8e2;}

.deve_sec.active_dev .dev_icon:before{border-left-color:#23b8e2;}

.divider{position:relative; border-bottom:1px solid #21333f; width:30%; margin:0 0 15px;}

.divider:before{position:absolute; height:3px; width:50%; content:""; top:-1px; left:0px; background:linear-gradient(to left, #21333f 50%, #23b8e2 0%); }

.concen_ul{list-style: none; padding:0px; margin:0px;}

.concen_ul li{list-style: none; padding:0px; margin:0 0 10px;}

.concen_ul li i{float: left; line-height:30px; font-size:25px; color:#23b8e2; padding-right:10px;}

.concen_ul li p{overflow: hidden; margin:0px;}

.clients_sec{background:#23b8e2; padding:40px 0; border-bottom:5px solid #fff}

footer{background:#21333f; padding:50px 0 0}

footer p{color:#fff;}

footer h3{color:#fff; margin:0px;}

footer .divider{border-color:#fff;}

footer .divider:before{background:linear-gradient(to left, #fff 50%, #23b8e2 0%);}

.owl-carousel .item{border:1px solid #000; padding:10px;}

.client_logo{background:#fff; padding:10px;}

.client_logo img{height:100px !important;}

.footer_ul{list-style: none; padding:0px; margin:0px;}

.footer_ul li{list-style: none; padding:0px; margin:0px;}

.footer_ul li i{float: left; color:#23b8e2; font-size:20px; line-height:20px; padding-right:10px;}

.footer_ul li p{overflow:hidden; margin:0px; font-size:17px;}

.footer_ul li p a{color:#fff}

.footer_ul li p a:hover{color:#23b8e2}

.footer_ul li{padding:0 0 6px; border-bottom:1px solid #23b8e2; margin:0 0 6px;}

.footer_contact li{border-bottom:0px; padding-bottom:10px; margin-bottom:0px;}

.footer_contact li span{float: left; width:80px; position:relative; color:#23b8e2; font-size:17px; font-weight:600}

.footer_contact li span:before{position:absolute; width:3px; height:3px; border-radius:50%; right:10px; top:8px; content:""; background:#23b8e2}

.footer_contact li span:after{position:absolute; width:3px; height:3px; border-radius:50%; right:10px; top:16px; content:""; background:#23b8e2}

.copyright_sec{ background:#000; padding:15px 0; margin:40px 0 0; position:relative }

.copyright_sec p{color:#fff; margin:0px; text-align: center;}

.copyright_sec p > a{color:#fff; }

.copyright_sec p > a:hover{color:#ddd; }

.copyright_sec .col-md-6:last-child p{text-align: right; }

.sticky{position:fixed; top:0px; width:100%; z-index:9999}

.cd-top i { color: #fff;  line-height:15px; font-size: 20px; z-index:9}

.cd-top{width:35px; height:35px; background:#379303; text-align: center; }

.top_shp{position:absolute; border-bottom:30px solid #379303; border-right:30px solid transparent; border-left:30px solid transparent; top:-30px; left:-13px; }

.cd-top:before{position:absolute; border-bottom:10px solid transparent; border-right:10px solid #296706; content:""; bottom:0px; left:-10px;}

.cd-top:after{position:absolute; border-right:10px solid transparent; border-top:10px solid #296706; content:""; bottom:0px; right:-10px;}

.page_header{height:150px; background:url(../images/page_header.jpg) no-repeat scroll center top; background-size:cover;  padding:60px 0; border-top:5px solid #fff;}

.page_header h3{margin:0px; padding:0px; color:#fff;}

.page_header p{margin:0px; padding:5px 0 0; color:#fff; text-align: right;}

.page_header p a{color:#23b8e2;}

#cssmenu ul li.active ul li a{background:#fff !important; color:#000 !important; font-weight:500 !important}



.cnt_frm label{width:100%; font-weight:bold; color:#21333f;}

.cnt_frm input{border:1px solid #abadb3; padding:10px; margin:0 0 15px; width:100%;}

.cnt_frm select{ padding:10px; margin:0 0 15px; width:100%;}

.cnt_frm textarea{border:1px solid #abadb3; padding:10px; margin:0 0 15px; width:100%;}

.contact_form_sec h3{ margin:0 0 15px !important; padding:0 0 15px !important; border-bottom:1px solid #23b8e2; font-size:30px;}

.contact_section h3{color:#23b8e2; margin:0 0 15px; padding:0 0 15px; border-bottom:1px solid #23b8e2; font-size:30px;}

.submit_button{padding:10px 20px; background:#23b8e2; color:#fff; font-size:20px; margin:10px 0 0; border:0px}

.contact_form_sec{border:1px solid #abadb3; padding:30px;}

.submit_button:hover{background:#333;}

.side_ul{margin:0px 0 0; list-style: none; padding:0;}

.side_ul li span{width:90px; position:relative; float: left; color:#21333f; font-weight:bold}

.side_ul li p{overflow:hidden; margin:0px;}

.side_ul li{ margin:0 0 10px; list-style: none; padding:0}

.side_ul li:last-child{ margin:0 0 0px;}

.side_ul li span:before{position:absolute; content:":"; right:10px; top:0px;}

.contact_page{padding:0px; border:0px;}

.contact_page h1{margin-bottom:20px;}

.contact_page h3{border-bottom:1px solid #23b8e2; padding:0 0 10px; margin:20px 0 10px;}

.map_sec iframe{width:100%; height:300px; border:5px solid #fff; box-shadow:0 0 5px #ccc; width:100%; margin:20px 0 0}

.contact_page{padding:50px 0}

.about_pg img{float: right; margin-bottom:10px !important; padding-left:10px;}

.content_bx h3{color:#23b8e2; text-shadow:1px 1px #f5f5f5;}

.content_bx img{margin:0 0 15px; border-radius:3px;}

.menu_section{max-width:1366px; margin:0 auto;}