@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; margin:auto; background:#fff; font-family:'Open Sans', sans-serif; }
h1, h2, h3, h4, h5, h6, p, ul, spna{ margin:0px; padding:0px;}
header, footer, article, aside, figure, nav, section{ margin:0px; padding:0px; display:block;}
li{ list-style:none;}
a{ text-decoration:none; color:#253b80;}
h1{color:#000216; font-size:45px; font-weight:400; font-family:'Roboto', sans-serif;}
h2{color:#000216; font-size:45px; font-weight:400; font-family:'Roboto', sans-serif;}
h3{color:#000216; font-size:24px; font-weight:400; font-family:'Roboto', sans-serif;}
h4{color:#000; font-size:18px; font-weight:normal; font-family:'Roboto', sans-serif;}
.clr{ clear:both;}
img{ border:none; vertical-align: bottom;}

.animatedParent{ overflow:hidden;}

p{ font-size:15px;}
table { width:100%; color:#000; font-size:14px; border-collapse:collapse; font-size:13px;}

input{border:1px solid #dbdbdb; padding:8px 0; outline:none; border-radius:2px; box-sizing:inherit; -webkit-box-sizing:inherit;}
input:focus{ border:1px solid #2C49A2;}
textarea:focus{outline:0;}

button{ background:#ff9000; border:none; color:#000; font-size:15px; padding:0 15px; border-radius:3px; cursor:pointer; outline:none; -webkit-appearance:none; height:40px; line-height:40px;}
button:hover{ background:#ffa126;}

.pd-30{ padding-top:30px;}
.pd-20{ padding-top:20px;}
.pd-10{ padding-top:10px;}

/* header */

.wrapper-top{width:100%; background:#fff; position:fixed; z-index:999; top:0;}
.wrapper-top header{max-width:1280px; margin:auto;}
.logo{ float:left; padding:10px 0;}

/*.menu-icon {display:none;}*/
.wrapper-top header aside{ float:right;}
/*.wrapper-top header aside nav{ float:left;}
.wrapper-top header aside nav li{ float:left; margin-right:10px; height:53px; line-height:53px;}
.wrapper-top header aside nav li a{ padding:0 20px; font-size:14px; color:#fff; text-transform:uppercase; display:block; font-weight:500;} 
.wrapper-top header aside nav li a:hover{ background:#f1f1f1; color:#2e2e2e;}
.wrapper-top header aside nav li.active a{ background:#f1f1f1; color:#2e2e2e;}*/

/* drop-down menu */
.rm-nav {}
.rm-toggle.rm-button { margin-top:10px;}

.rm-css-animate.rm-menu-expanded { max-height:none; display:block;}
.rm-container.rm-layout-expanded { float:right;}
.rm-nav li a,
.rm-top-menu a { padding:.75rem 1rem; font-size:.9em; line-height:1.5rem;}
.rm-layout-expanded .rm-nav > ul > li > a,
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a { height:80px; line-height:80px;}

.phone-i{ float:right; color:#444; background:url(../images/phone-i.png) 0 17px no-repeat; padding-top:17px; padding-left:25px;}

/* header End */

/* mn slider */
.big-slider{ padding-top:53px;}
.big-slider{ width:100%;}

.slide-text{position:absolute; top:70px; left:100px; width:550px; z-index:0;}
.slide-text h2{ font-size:60px; color:#fff; font-weight:300;}
.slide-text p{ font-size:25px; color:#fff; padding-top:20px; font-weight:lighter;}

.slide-text a{ background:#ff9000; float:left; height:60px; padding:0 20px; line-height:58px; border-radius:3px; font-size:22px; color:#fff; margin-top:40px;}
.slide-text a:hover{ background:#ffa126;}
 .jssorl-oval img {animation-name:jssorl-oval; animation-duration:1.2s; animation-iteration-count:infinite; animation-timing-function:linear;}

@keyframes jssorl-oval {
 from {transform:rotate(0deg);}
 to {transform:rotate(360deg);}
 }
.jssora22l, .jssora22r {display:block; position:absolute; width:40px; height:58px; cursor:pointer; background:url(../images/a22.png) center center no-repeat; overflow:hidden;}
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }
.jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
.jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }

/* mn slider End */
.common-section{ background:#fff; padding:50px 30px; position:relative;}
.common-section section span{ display:block; font-size:20px; font-weight:300; padding-top:10px; color:#000;}
.common-section section p{ display:block; font-size:16px; font-weight:300; padding-top:10px; color:#000;}
.common-section section h2{ font-size:35px; padding-top:50px; font-weight:300;}


/* web service row */
.web-row{ background:url(../images/about-bg.jpg) no-repeat; background-size:cover; background-attachment:fixed; padding:60px 30px;}
.web-row section{ margin:auto; text-align:center;}
.web-row section h2{ color:#fff;}
.web-row section h2 span{display:block; font-size:20px; font-weight:lighter; padding-top:5px; line-height:30px;}
.web-row section p{ color:#fff; padding-top:20px; font-size:16px; line-height:26px; font-weight:300;}

ul.web-service-col{ padding-top:30px;}
ul.web-service-col li{ width:31%; margin-right:2.8%; border:2px dashed #fff; border-radius:6px; text-align:center; float:left; min-height:450px;}
ul.web-service-col li:last-child{ margin-right:0;} 
ul.web-service-col li div.text-col{ padding:30px;}
ul.web-service-col li div.text-col i.icon{ text-align:center;}
ul.web-service-col li div.text-col h3{ color:#fff; font-size:25px; padding-top:15px;}
ul.web-service-col li div.text-col a{ color:#fff; font-size:14px; padding:10px 30px; border:1px solid #CCC; border-radius:3px; background:#rgba(0, 0, 0, 0.36);}
ul.web-service-col li div.text-col a:hover{ background:#ffa800; border:#ffa800;}

/* web service row End */

/* blog row */

.blog-row{ background:#fff; padding:60px 30px;}
.blog-row section{ margin:auto; text-align:center;}
.blog-row section h2 span{ display:block; font-size:20px; font-weight:lighter; padding-top:5px;}

ul.blog-list{ padding-top:30px;}
ul.blog-list li{ width:30%; margin-left:2.5%;margin-bottom:30px; float:left; padding:0 0 20px 0; border-radius:5px; min-height:350px; border:1px solid #f3f3f3;}
ul.blog-list li:hover{ box-shadow:0 2px 4px #ccc;}
ul.blog-list li:last-child{ margin-right:0;}
ul.blog-list li .b-pic{ padding:10px; background:#f3f3f3;}
ul.blog-list li .blog-tx{ background:#fff; padding:0 10px 10px; margin-top:10px;}
ul.blog-list li .b-pic img{ width:100%; border-radius:5px;}
ul.blog-list li h3 a{ font-size:18px; color:#1f1f1f; padding:15px 0 5px 0; display:block;}
ul.blog-list li h3 a:hover{ text-decoration:underline;}
ul.blog-list li span{ font-size:12px; color:#000;}
ul.blog-list li p{ padding-top:10px; color:#353535; font-size:15px; line-height:25px;}

.link-btn{width:150px; margin:auto; display:block; background:#ff9000; height:46px; line-height:46px; border-radius:3px; font-size:18px; color:#fff; margin-top:12px;}
.link-btn:hover{ background:#ffa126; color:#fff;}

/* blog row  End*/

/* contact row */
.contact-row{ background:url(../images/contact-bg.jpg) no-repeat; background-size:cover; background-attachment:fixed; padding:60px 30px;}
.contact-row section{ margin:auto; text-align:center;}
.contact-row section h2{ color:#fff;}
.contact-row section h3{ color:#fff; font-size:28px; padding-bottom:15px;}
.contact-row section h2 span{display:block; font-size:20px; font-weight:lighter; padding-top:5px;}

.contact-details{ width:40%; float:left; text-align:left;}
.contact-details span{ color:#fff; font-weight:400 !important; font-size:20px; margin-bottom:15px; display:block;}
.contact-details span i{ margin-right:10px; color:#ff9000;}

.follow-us{ padding-top:15px;}
.follow-us h4{ color:#fff; font-size:22px; padding-bottom:12px;}
.follow-us li{ float:left; margin-right:20px;}
.follow-us li a i{ color:#fff; font-size:20px;}
.follow-us li a i:hover{ color:#ffa800;}
.follow-us li a i.fa-youtube-play{ margin-top:2px;}

.suggestion{ width:55%; float:right; text-align:left;}
.suggestion input { width:97.5%; height:25px; line-height:25px; border:none;  box-sizing:inherit !important; -webkit-box-sizing:inherit !important;}
.suggestion button{ color:#fff;}
.name-bg { background:url(../images/socal-sprite.png) 8px 12px no-repeat #fff;}
.user-bg { background:url(../images/socal-sprite.png)  8px -40px no-repeat #fff;}
.mob-bg { background:url(../images/socal-sprite.png) 8px -92px no-repeat #fff;}
.comments { background: url(../images/socal-sprite.png) 8px -149px no-repeat #fff;}
.comments textarea { width:98%; border:0px; resize:none; height:40px; font-family:Arial; padding:8px 1%;}
.bg-bdr { border:1px solid #dbdbdb; margin-bottom:10px; border-radius:2px; padding-left:30px;}

/* contact row  End*/


/*------------footer--------------*/

footer{ background:#dddddd; padding:15px 0; text-align:center; font-size:12px; color:#333333; border-top:1px solid #b6b6b6;}
footer a{ color:#333333; font-size:12px; padding:0 10px;}
footer a:hover{ text-decoration:underline;}
footer p{ color:#333333; padding-top:10px; font-size:12px;}

/*------------footer End--------------*/

.blog-ads{ background:#f9f9f9; border-bottom:1px solid #ebebeb; margin-top:53px; padding-bottom:10px; text-align:center;}

.blog-section{ padding:50px 30px;}
.blog-section aside{ float:left; width:37%;}
.blog-section aside img { width:100%;}
.blog-section article{ float:right; width:60%}

.bg-color{ background:#f3f3f3;}
.bg-color aside{ float:right !important;}
.bg-color article{ float:left !important;}

.blog-section article span{ font-size:12px; color:#666; padding-top:8px; display:block;}
.blog-section article p{ padding-top:10px; line-height:24px;}


/* Store section */
.stor-section{ background:#f1f1f1; padding:50px 30px;}
.stor-section aside{ width:250px; float:left; background:#fff; box-shadow:0 1px 3px -1px rgba(0,0,0,.4);}
.stor-section aside h3{ border-bottom:1px solid #eaeaea;  border-top:1px solid #eaeaea; padding-bottom:5px; font-size:17px; margin-bottom:10px; padding:12px 15px; background:#f8f8f8;}

.stor-section aside ul{ padding:0px 15px; padding-bottom:10px;}
.stor-section aside ul li{ padding-bottom:8px;}
.stor-section aside ul li a{font-size:13px; color:#2f2f2f; background:url(../images/stp.png) 0 4px no-repeat; display:block; padding-left:11px;}
.stor-section aside ul li a:hover{ text-decoration:underline; color:#3498db;}

.stor-section section{ margin-left:290px;}
.stor-section section h3{ font-size:20px; border-bottom:1px solid #d5d5d5; padding-bottom:5px;}
.stor-section section ul{ padding-top:20px; padding-bottom:10px; overflow:hidden;}
.stor-section section ul li{ float:left; background:#fff; box-shadow:0 1px 5px -1px rgba(0,0,0,.4); width:22.7%; border-radius:2px; margin-right:3%; margin-bottom:30px;}
.stor-section section ul li:nth-child(4n+4){ margin-right:0;}
.stor-section section ul li p{ color:#333; font-size:14px; text-align:center; padding:0 20px;}
.product-item{ padding:20px; text-align:center;}
.product-item img{ width:100%;}
.price{ font-size:18px; font-weight:bold; padding:10px 20px; text-align:center;}
.cart-btn{ background:#f3f3f3; padding:10px 20px;}
.cart-btn a{ background:#ff9000; color:#fff; font-size:14px; text-align:center; width:100%; display:block; height:35px; line-height:35px; border-radius:4px;}
.cart-btn a:hover{ background:#ffa126; color:#fff;}

/* inner page */
.inner-page{ background:#fff; padding:40px 50px;}
.inner-page p{ font-size:15px; color:#4b4b4b; line-height:26px; padding-top:10px;}

.inner-page ul{ padding:30px 0;}
.inner-page ul li{ background:url(../images/tk-icon.png) 0 5px no-repeat; padding-bottom:10px; padding-left:22px; font-size:15px; color:#4b4b4b;}


.banner-inner{ margin-top:55px;}
.banner-inner img{ width:100%;}

.left-dtl{ float:left; width:40%; padding-top:20px;}
.left-dtl span { font-size:14px; color:#333; display:block; padding:0 0 5px 22px; margin-bottom:10px;}
.location{ background:url(../images/location.jpg) no-repeat; }
.phone-number{background:url(../images/mobile-i.jpg) no-repeat;}
.skype-id{background:url(../images/skype-i.jpg) 0 2px no-repeat; margin-top:12px;}
.left-dtl h3{ font-size:24px; font-weight:300; padding:20px 0 10px 0;}
.map-col img{ width:100%;}

.right-detail{ float:right; width:55%; }
.right-detail h3{ font-size:24px; font-weight:300; padding-bottom:10px;}

.form-col{ padding:0 20px 15px 20px; background:#f6f6f6; border:1px solid #e8e8e8;}
.form-col p{ padding-bottom:15px; font-size:16px; line-height:26px;}
.form-col input{width:97.5%; height:25px; line-height:25px; border:none; box-sizing:inherit!important;  -webkit-box-sizing:inherit !important;}

.label-col{border:1px solid #dbdbdb; margin-bottom:10px; border-radius:2px; padding-left:30px; background:#fff;}
.label-col:hover{ border:1px solid #1383c5;}
.fild-name{background: url(../images/socal-sprite.png) 8px 11px no-repeat #fff;}
.fild-email { background:url(../images/socal-sprite.png)  8px -40px no-repeat #fff;}
.fild-phone { background:url(../images/socal-sprite.png) 8px -92px no-repeat #fff;}
.fild-country{ background:url(../images/country.jpg) 8px 11px no-repeat #fff;}
.fild-skype{ background:url(../images/skype-i.jpg) 8px 11px no-repeat #fff;}
.fild-company{ background:url(../images/office-i.jpg) 8px 11px no-repeat #fff;}
.fild-mgs{ background:url(../images/socal-sprite.png) 8px -149px no-repeat #fff;}
.fild-mgs textarea{width:98%; border:0px; resize:none; height:40px; font-family:Arial; padding:8px 1%;}


.breadcrumbs{ background:#f8f8f8; padding:8px 50px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.breadcrumbs li { display:inline-block; color:#616161; font-size:0.875em;}
.breadcrumbs li a { color:#616161; font-size:12px;}
.breadcrumbs li a:hover{ text-decoration:underline;}
.breadcrumbs li:first-child { margin-left:0;}
.breadcrumbs li+li:before { content:"\f105"; padding:0 10px; color:#A7A7A7; font-family:FontAwesome;}
.breadcrumbs .active { font-weight:600; text-transform:none; color:#616161;}



/* header css End */
.mn-slider{background:url(../images/hdr-banner.jpg) no-repeat; background-size:cover; background-attachment:fixed;}
.mn-slider article {padding:90px 30px 40px 30px;}
.mn-slider article section{ float:left; width:50%; text-align:center;}
.mn-slider article section h1{ color:#fff; font-size:48px; font-weight:lighter; padding-bottom:20px;}
.mn-slider article section h1 span{ font-weight:normal;}

.mn-slider article aside{ float:right; width:40%; padding-top:20px;}
.mn-slider article aside h2{ color:#fff; padding:10px 15px; background:rgba(67, 86, 189, 0.81); font-size:32px; text-align:center;}
.mn-slider article aside h2 span{ font-weight:bold;}

.headin-text{ font-size:22px; color:#0d0d0d; padding-bottom:35px; font-weight:300;}
.headin-text span{ width:41px; height:45px;}
.headin-text img{ margin-bottom:-20px;}

.enquiry-col{ background:#fff; padding:20px;}
.enquiry-col input { width:100%; padding:8px 0; outline:none; border:none; height:25px;}
.enquiry-col select {width:100%; padding:8px 1%; outline:none; border:none; height:40px; color: #a0a0a0 !important;}

.bg-bdr { border:1px solid #dbdbdb; margin-bottom:10px; border-radius:2px; padding:0 10px 0 30px;}
.bg-bdr-02 { border:1px solid #dbdbdb; margin-bottom:10px; border-radius:2px; padding:0 10px;}
.name-bg { background:url(../images/socal-sprite.png) 8px 12px no-repeat #fff;}
.user-bg { background:url(../images/socal-sprite.png)  8px -40px no-repeat #fff;}
.mob-bg { background:url(../images/socal-sprite.png) 8px -92px no-repeat #fff;}
.bg-bdr-to{border:1px solid #dbdbdb; margin-bottom:10px; border-radius:2px; }
.enquiry-col button{ width:100%; color:#fff;}





@media screen and (max-width:1100px){
.wrapper-top header{ padding:0 30px;}

.stor-section section ul li{ width:48%; margin-right:4%;}
.stor-section section ul li:nth-child(2n+2){ margin-right:0;}
}

@media screen and (max-width:900px){
.phone-i{ padding-right:20px;}
.wrapper-top header aside{ float:inherit;}
.menu-icon{ display:block; width:14px; float:right; padding-top:14px;}
.menu-icon i{color:#fff;}
.wrapper-top header aside nav{ display:none; clear:both; float:inherit;}
.wrapper-top header aside nav li{ float:inherit; border-bottom:1px solid #EAEAEA; height:inherit; line-height:inherit; margin-right:inherit;}
.wrapper-top header aside nav li a{ padding:8px 15px; background:#FBFBFB; color:#333;} 
.wrapper-top header aside nav li a:hover{ border-radius:0;}
.wrapper-top header aside nav li.active a{ border-radius:0;}

ul.blog-list li{ width:45%; margin-right:3%; margin-bottom:30px;}
ul.blog-list li:nth-child(2){margin-right:0;}

ul.web-service-col li{ margin-right:2.5%;}
.left-dtl{ float:inherit; width:inherit; margin-bottom:30px;}
.right-detail{ float:inherit; width:inherit;}

.mn-slider{ background:#ecf0f1; height:auto;}
.mn-slider article section{ float:inherit; width:inherit;}
.mn-slider article aside{ float:inherit; width:inherit; margin-top:20px;}
.mn-slider article section h1{ color:#333;}

}

@media screen and (max-width:768px){
.contact-details{ width:inherit; float:inherit; padding-bottom:50px;}
.suggestion{ width:inherit; float:inherit; clear:both;}

ul.blog-list li{ width: inherit; margin-right:0;}

.blog-section aside{ float:inherit; width:inherit; margin-bottom:20px;}
.blog-section article{ float:inherit; width:inherit;}

.bg-color aside{ float:inherit !important;}
.bg-color article{ float:inherit !important;}

ul.web-service-col li{ width:inherit; float:inherit; margin-right:inherit; margin-bottom:30px; min-height:inherit;}

.stor-section section ul li{ width:100%; margin-right: inherit;}
.stor-section section ul li:nth-child(2n+2){ margin-right:0;}
}