@charset "utf-8";
/* CSS Document */

/* 
Project Name: Sunray Web Solutions
Design By: Mohd Musharif Khan
Email Id:  musharifkhan23@gmail.com
URL: sunraywebsolutions.com
*/

/*
:Site Colors: Blue(#29507b), White(#ffffff), Orange(#ff6b00)

:Table Of Contents:
Resets
Defaults
Typography
Forms
Layout
Links
Menus
Global Classes
Content
---------------------------------------------------- */
@import url("owl.carousel.css");
@import url("animate.css");
@import url("owl.transitions.html");
@import url("font-awesome.min.css");
@import url("devrama-slider.css");
@import url("cubeportfolio.min.css");

@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,500,600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@font-face {
    font-family: 'mistralregular';
    src: url('../fonts/design.graffiti.mistral-webfont.woff2') format('woff2'),
         url('../fonts/design.graffiti.mistral-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'mistralregular';
    src: url('../fonts/mistral-webfont.woff2') format('woff2'),
         url('../fonts/mistral-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/****** Import Css File  *****/
 
body, form, fieldset, ol, ul, li, h1, h2, h3, h4, h5, h6, p{
	margin:0;
	padding:0;
	font-size:14px;
	line-height: 22px;
}
img{border:0; vertical-align:bottom}

html{height:100%; overflow:auto; overflow-y:scroll}
body{height:100%; font:100%/1.5 'Montserrat',sans-serif; background:#FDFDFD; color:#333}

h1, h2, h3, h4, h5, h6,{margin:0 0 0em; font-family:'Montserrat',sans-serif}
ul, ol{font-size:1em;  font-family:'Open Sans',Arial,sans-serif}
ul{margin:0 0 0em 0px; list-style:none}
h1{font-size:1.6em}
h2{font-size:1.5em}
h3{font-size:1.4em}
h4{font-size:1.3em}
h5{font-size:1.2em}
h6{font-size:1.1em}


fieldset{border:none}
form:focus{outline:0}
 
input, select, textarea{font-size:1em; font-family:Arial,Helvetica,sans-serif}
label{cursor:pointer; vertical-align:middle}
input{vertical-align:middle}
textarea{overflow:auto}

#wrap{margin:0 auto; min-height:100%}
* html #wrap{height:100%}

a{text-decoration:none; color:#000; outline:0}
a:visited{color:#999}
a:hover, a:focus, a:active{visibility:visible; text-decoration:none}

.clear{clear:both; line-height:0; height:0; font-size:0}
.clearfix:after{content:""; display:block; height:0; font-size:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}

* html .clearfix{height:1%}
.clearfix{display:block}
.nopad{padding:0}

.top-container{background:#114C50; display:block; margin:0px; padding:5px 0px; width:100%; color:#fff; font-size:13px; font-weight:normal; font-family:'Open Sans',Arial,sans-serif}
.top-container a{color:#fff; text-decoration:none; margin-left:12px; text-align:right; display:inline-block; padding-top:2px}
.fixed-social-icons{float:left}
.fixed-social-icons span{float:left; margin-right:10px; margin-top:1px}
.fixed-social-icons a{background:url(../images/social-media.png) no-repeat; display:inline-block; height:20px; width:20px; padding:0 !important; margin:0; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -o-transition:all ease 0.3s; -ms-transition:all ease 0.3s; transition:all ease 0.3s; border:none}
.fixed-social-icons a:hover{}
.fixed-social-icons a.social-facebook{background-position:0 0}
.fixed-social-icons a.social-gplus{background-position:-27px 0px}
.fixed-social-icons a.social-instagram{background-position:-53px 0px}
.fixed-social-icons a.social-twitter{background-position:-80px 0}
.fixed-social-icons a.social-pintrest{background-position:-105px 0}

.fixed-social-icons a:hover.social-facebook{background-position:0 -20px}
.fixed-social-icons a:hover.social-gplus{background-position:-27px -20px}
.fixed-social-icons a:hover.social-instagram{background-position:-53px -20px}
.fixed-social-icons a:hover.social-twitter{background-position:-80px -20px}
.fixed-social-icons a:hover.social-pintrest{background-position:-105px -20px}

.affix{position:fixed;  top:0;  width:100%}
.navbar{border-radius:0; margin-bottom:0; padding:0; min-height:40px}
.navbar-bg-color{background-color:#AE1819;  z-index:111111; border:0}
ul.nav.navbar-nav.navbar-right{margin-top:15px}
.navbar-brand{padding:0; height:auto; margin:9px 0px}
.navbar-nav>li>a{padding:12px 11px; color:#fff; font-size:13px; font-weight:normal; text-transform:uppercase}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus{text-decoration:none; background-color:#064b8e}

.navbar-nav>li.last_child>a{}
.navbar-nav>li.last_child>a:hover{}
.navbar-nav>li>a:hover, .navbar-nav>li.active>a{color:#fff}
.link_bar li a:after, .blockColumn ul li:after, .infoicon_services ul li:after{font-family:FontAwesome; content:"\f105"; position:absolute; right:0px; top:9px; font-size:16px; color:#686868}

.top_login_link{text-align:right; margin-bottom:6px; margin-top:43px; position:relative; z-index:999999; float:right;}
.top_login_link a, .top_login_link button{color:#000; font-size:13px !important;  background:#dcdcdc;  font-size:15px;  display:inline-block;  margin-left:2px;  padding:8px 15px;  border-radius:6px}
.top_login_link a:hover{color:#fff}
.top_login_link .btn.focus, .top_login_link .btn:focus, .top_login_link .btn:hover{background:#00223f !important ; color:#fff;}
.top_login_link button{margin-top:-5px; z-index:1002; position:relative}
.top_login_link .dropdown-menu>li>a{display:block; font-size:13px;  padding:3px 20px;  clear:both;  font-weight:400;  line-height:1.42857143;  color:#333;  white-space:nowrap;  background:none}
.top_login_link .dropdown-menu>li>a:hover {background: #ff6b00; border-radius: 0; margin: 0; color: #fff;}
.top_login_link button:hover, .top_login_link a:hover{background:#00223f ; color:#fff;}
.top_login_link button.green{background: #009688; color:#fff;}
.top_login_link button.green:hover{background:#00223f ;}
.header-full-title{padding:0}
.navbar-header{float:none}
.navbar-collapse{padding-right:0px; padding-left:0px}
.navbar-form{padding:0px 0px; margin:0}
.navbar-form label{font-size:12px; color:#fff; background:#ED1B24; display:inline-block;  padding:14px 10px 13px 10px; margin:0; margin-right:5px; text-transform:uppercase; cursor:pointer}
.navbar-form .input-group{margin-top:-2px}
.navbar-form .input-group>.form-control{border-radius:0; border-color:#FFF; margin:0; height:30px; width:95px}
.navbar-form .btn{background:#fff; border-color:#fff; border-radius:0; font-size:17px; line-height:1px; height:30px; color:#203BAC}

 
.home_slider{position:relative}
.banner_text{position:absolute; left:0; right:0; margin:0 auto; bottom:19%}
.banner_text h2{font-family:'Raleway'; color:#736f6f; font-size:20px; font-weight:500}
.banner_text p{font-family:'Raleway'; color:#736f6f; font-size:15px}

.btn-blue{background:#0A1646; color:#fff}
.btn-blue:hover{background:#182E8A; color:#fff}
#main-slide .item{min-height:400px; color:#fff; background-position:50% 50%; -webkit-background-size:cover; background-size:cover; -webkit-backface-visibility:hidden}
#main-slide .item:after{content:''; position:absolute; left:0; top:0;/* background:rgba(0,0,0,0.2); */width:100%; height:100%; z-index:0}
#main-slide .item img{width:100%; -webkit-backface-visibility:hidden}
#main-slide .item .slider-content{z-index:1; opacity:0; -webkit-transition:opacity 500ms; -moz-transition:opacity 500ms; -o-transition:opacity 500ms; transition:opacity 500ms}
#main-slide .item.active .slider-content{opacity:1; -webkit-transition:opacity 100ms; -moz-transition:opacity 100ms; -o-transition:opacity 100ms; transition:opacity 100ms}
#main-slide .slider-content{top:50%; transform:translateY(-50%); left:0; padding:0; position:absolute; width:100%; color:#fff}
.slider-content{position:relative; display:table; height:100%; width:100%}
.slide-title{font-size:50px; line-height:1; font-weight:700; margin-bottom:0.5em; color:#fff; text-transform:uppercase; text-shadow:0 2px 2px rgba(0,0,0,0.28)}
.slide-sub-title{font-style:normal; font-size:30px; margin-bottom:30px; color:#fff}
.slider-text{display:table; vertical-align:bottom; color:#fff; width:100%; padding-bottom:0; padding-top:0}
.slider-text h2{font-size:3em; margin-bottom:0}
.slider-text .slider-para{margin:0 auto; max-width:900px; color:#fff; font-size:18px; margin-bottom:1.5em}
.slider-text .slide-head{font-size:36px; color:#0052a5; position:relative}
.slider-img{display:block; position:absolute; top:-80px; left:20%; width:314px; max-height:100%}
.slider-img img{display:block; position:relative; max-height:100%; width:auto}
.slider.btn{margin:5px; border:2px solid transparent; padding:0.8em 2em; text-transform:uppercase}
.slider.border{background:none; border:2px solid #fff}
.slider.border:hover{background:#1bbc9b; border:2px solid transparent}

.carousel-indicators {
    bottom: 17px;
}
.carousel-indicators li{width:15px !important; height:15px !important; margin:2px !important; border-radius:100% !important; border:0 !important; background:#fff}
#main-slide .carousel-indicators li.active, #main-slide .carousel-indicators li:hover{background:#203bac; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease}
#main-slide .carousel-control.left, #main-slide .carousel-control.right, #main-slide .carousel-indicators{opacity:0; filter:alpha(opacity=0); background-image:none; background-repeat:no-repeat; text-shadow:none; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -ms-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease}
#main-slide:hover .carousel-control.left, #main-slide:hover .carousel-control.right, #main-slide:hover .carousel-indicators{opacity:1; filter:alpha(opacity=100)}
#main-slide .carousel-control.left span{padding:15px}
#main-slide .carousel-control.right span{padding:15px}
#main-slide .carousel-control .fa-angle-left, #main-slide .carousel-control .fa-angle-right{position:absolute; top:50%; z-index:5; display:inline-block; margin-top:-25px}
#main-slide .carousel-control .fa-angle-left{left:0}
#main-slide .carousel-control .fa-angle-right{right:0}
#main-slide .carousel-control i{color:#fff; line-height:56px; width:56px; height:56px; border-radius:0; font-size:36px; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease}
#main-slide .carousel-control i:hover{color:#fff}
#main-slide .contentJusti{text-align:left; max-width:1024px; margin:0 auto}
#main-slide .contentJusti p{font-size:17px; line-height:1.6}
#main-slide .contentJusti .infoBtn{display:inline-block; padding:0.8em 1em; border:1px solid #fff; color:#fff; text-transform:uppercase; font-size:18px; border-radius:3px; margin:1em 0.5em 0 0.5em}
#main-slide .contentJusti .infoBtn:hover{background:#fff; color:#000}
#main-slide .contentJusti .infoBtn-red{border-color:#ED1B24; background:#ED1B24}
#main-slide .contentJusti .infoBtn-red:hover{background:none; color:#ED1B24}
.infoBtn:hover{text-decoration:none}
#main-slide .slider-content ul{list-style:none; padding-left:0}
#main-slide .slider-content ul li{margin:0; text-align:left; padding:4px 0}
#main-slide .slider-content ul li, #main-slide .chooseUs ul li{background:url(../images/checklist.html) no-repeat left 8px; padding-left:1.7em; font-size:16px}
#main-slide .slider-content ul.pull-right li{text-align:right; background:url(../images/checklist.html) no-repeat right 5px; padding-right:1.7em}
#main-slide .curveSlider{padding-top:3em}
#main-slide .curveSlider .curveList{padding-left:4em; margin-left:4em; border-left:1px solid #fff; width:51%}
#main-slide p{color:#fff; font-size:18px}
.down-arrow-transparent{display:block; height:22px; width:100%; margin:0; z-index:200; position:absolute; border:0; left:0; right:0; bottom:0%}

.carousel .item.active .animated1{}
.carousel .item.active .animated2{-webkit-animation:lightSpeedIn 1s ease-in 200ms both; animation:lightSpeedIn 1s ease-in 200ms both}
.carousel .item.active .animated3{-webkit-animation:bounceInLeft 2s ease-in-out 800ms both; animation:bounceInLeft 1.5s ease-in-out 800ms both}
.carousel .item.active .animated4{-webkit-animation:flipInX .5s ease-in 800ms both; animation:flipInX .5s ease-in 800ms both}
.carousel .item.active .animated5{-webkit-animation:bounceInLeft 3s ease-in-out 100ms both; animation:bounceInLeft 3s ease-in-out 100ms both}
.carousel .item.active .animated6{-webkit-animation:bounceIn 1s ease-in 500ms both; animation:bounceIn 1s ease-in 500ms both}
.carousel .item.active .animated7{-webkit-animation:bounceIn 1s ease-in 500ms both; animation:bounceIn 1s ease-in 500ms both}
.carousel .item.active .animated8{-webkit-animation:bounceInDown 1s ease-in 800ms both; animation:bounceInDown 1s ease-in 800ms both}
.carousel .item.active .animated9{-webkit-animation:bounceInDown 1s ease-in 800ms both; animation:bounceInDown 1s ease-in 800ms both}
.carousel .item.active .animated10{-webkit-animation:fadeIn 1s ease-in 800ms both; animation:fadeIn 1s ease-in 800ms both}

 
 
 .services{padding:50px 0}
.services ul{margin:0; padding:0; text-align:center}
.services ul li{display:block; padding:0}
.services ul li figure{background:url(../images/services_bg.html) bottom center no-repeat; margin-bottom:20px; display:block;     transition:all .5s ease-in-out 0s;     padding:35px 8px;     box-sizing:border-box}
.services ul li figure:hover{  background:#29507b;     border-radius:3px}
.services ul li figure:hover h2, .services ul li figure:hover p, .services ul li figure:hover a{color:#fff}

.services ul li figure h2{font-size:18px; margin:0 0 10px; padding:0}
.services ul li figure h2.seo_heading{color:#1963a1}
.services ul li figure h2.internetmkt_heading{color:#3a4a5b}
.services ul li figure h2.webdevlopment_heading{color:#f2c40f}
.services ul li figure h2.ecom_heading{color:#28af63}
.services ul li figure h2.userexp_heading{color:#9146af}
.services ul li figure h2.mobapp_heading{color:#c1392b}
.services ul li figure:hover .image img{transform:rotate(360deg) scale(1) skew(1deg) translate(0); -webkit-transform:rotate(360deg) scale(1) skew(1deg) translate(0); -moz-transform:rotate(360deg) scale(1) skew(1deg) translate(0); -o-transform:rotate(360deg) scale(1) skew(1deg) translate(0); -ms-transform:rotate(360deg) scale(1) skew(1deg) translate(0); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease}
.services ul li figure .image{width:80px; height:80px; display:block; margin:0 auto 5px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%}
.services ul li figure .image img{text-align:center; padding-top:10px; transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; transform:none; margin:auto; display:block; max-width:80%}
.services ul li figure .image.seo_bg{background:#1963a1}
.services ul li figure .image.saleforce_bg{background:#39bcf1}
.services ul li figure .image.videomkt_bg{background:#6fbad0}
.services ul li figure .image.internetmkt_bg{background:#2d3e50}
.services ul li figure .image.webdevlopment_bg{background:#f2c40f}
.services ul li figure .image.ecom_bg{background:#387955}
.services ul li figure .image.usrexp_bg{background:#9146af}
.services ul li figure .image.mobapp_bg{background:#c1392b}
.services ul li figure figcaption p{font-size:13px; margin:0 0 10px; padding:0}
.services ul li figure figcaption p:first-child{min-height:60px}
.services ul li figure figcaption p.readmore_btn1{width:110px; border:1px solid #1963a1; display:block; color:#1963a1; margin:auto}
.services ul li figure figcaption p.readmore_btn2{width:110px; border:1px solid #2d3e50; display:block; color:#2d3e50; margin:auto}
.services ul li figure figcaption p.readmore_btn3{width:110px; border:1px solid #f2c40f; display:block; color:#f2c40f; margin:auto}
.services ul li figure figcaption p.readmore_btn4{width:110px; border:1px solid #28af63; display:block; color:#28af63; margin:auto}
.services ul li figure figcaption p.readmore_btn5{width:110px; border:1px solid #9146af; display:block; color:#9146af; margin:auto}
.services ul li figure figcaption p.readmore_btn6{width:110px; border:1px solid #c1392b; display:block; color:#c1392b; margin:auto}
.services ul li figure figcaption p.readmore_btn7{width:110px; border:1px solid #1795d3; display:block; color:#1795d3; margin:auto}
.services ul li figure figcaption p.readmore_btn8{width:110px; border:1px solid #6fbad0; display:block; color:#6fbad0; margin:auto}
.services ul li figure figcaption p a.hvr-shutter-out-vertical{width:100%; padding:5px; display:inline-block; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden; position:relative; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s}
.services ul li figure figcaption p a.hvr-shutter-out-vertical:before{content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50%; transform-origin:50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out}
.services ul li figure figcaption p a:focus, .services ul li figure figcaption p a:hover{text-decoration:none}
.services ul li figure figcaption p.readmore_btn1 a.hvr-shutter-out-vertical:before{background:#2098d1}
.services ul li figure figcaption p.readmore_btn2 a.hvr-shutter-out-vertical:before{background:#2d3e50}
.services ul li figure figcaption p.readmore_btn3 a.hvr-shutter-out-vertical:before{background:#f2c40f}
.services ul li figure figcaption p.readmore_btn4 a.hvr-shutter-out-vertical:before{background:#28af63}
.services ul li figure figcaption p.readmore_btn5 a.hvr-shutter-out-vertical:before{background:#9146af}
.services ul li figure figcaption p.readmore_btn6 a.hvr-shutter-out-vertical:before{background:#c1392b}
.services ul li figure figcaption p.readmore_btn7 a.hvr-shutter-out-vertical:before{background:#1192d2}
.services ul li figure figcaption p.readmore_btn8 a.hvr-shutter-out-vertical:before{background:#6fbad0}
.hvr-shutter-out-vertical:active, .services ul li figure figcaption p a.hvr-shutter-out-vertical:focus, .services ul li figure figcaption p a.hvr-shutter-out-vertical:hover{color:#fff}
.services ul li figure figcaption p a.hvr-shutter-out-vertical:active:before, .services ul li figure figcaption p a.hvr-shutter-out-vertical:focus:before, .services ul li figure figcaption p a.hvr-shutter-out-vertical:hover:before{-webkit-transform:scaleY(1); transform:scaleY(1)}
.services ul li figure figcaption p a{color:#383636}
.services ul li figure figcaption p a:hover{color:#fff}

.home-stats{  width:100%;     background:url(../images/home-stats-bg.jpg) center center no-repeat;  background-size:cover; background-attachment:fixed}
.home-stats-top{width:100%;  height:auto;  display:table;   padding:60px 0;background-color: rgba(0, 54, 59, 0.65);}
.home-stats-topInner{color:#dbdbdb;  text-align:center}
.home-stats-topInner h4{font-weight:400;  font-size:28px;  margin:35px auto 25px}
.home-stats-topInner p{max-width:100%; font-size:18px;  margin:0 auto;  line-height:2.1}
.home-stats-btm >.col-3{height:182px;  color:#fff;  text-align:center}
.home-stats-btm >.col-3:nth-child(even){background:rgba(0,0,0,0.3)}
.home-stats-btm p.stats-count{font-size:32px;  padding:60px 0 20px}

.navbar-nav >li >.dropdown-menu{margin-top:0; border-radius:0; z-index:100003}
.carousel-control{z-index:100003}
.menu-large{position:static !important}
.megamenu{background:#efefef}
.navbar-nav ul.megamenu ul{padding-top:0em}
.navbar-nav ul.megamenu ul li a.btn-blue{padding:0.5em 1em; color:#fff}
.navbar-nav ul.megamenu ul li a.btn-blue.button:before{display:none}
.navbar-nav ul.megamenu ul li a{position:relative; padding-left:11px;
transition: All .3s ease;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
	}
	.navbar-nav ul.megamenu ul li a:hover{    padding-left: 14px;}
.navbar-nav ul.megamenu ul li a:before{font-family:FontAwesome; content:"\f0da"; position:absolute; left:0px;  top:4px; font-size:11px; color:#ED1B24}
.navbar-nav ul.megamenu ul li .navPlatformIcons a:before{content:""}
.navbar-nav ul.megamenu li .navImageSmall{padding-top:5em}
.navbar-nav ul.megamenu li .navPlatformContent{position:relative; padding-left:3em; padding-top:5px; padding-bottom:25px; min-height:110px;     border-right:1px solid #ccc;     padding-right:3em}
.navbar-nav ul.megamenu li .navPlatformContent .navPlatformImage{position:absolute; left:0; top:0px; width:35px}
.navbar-nav ul.megamenu li .navPlatformContent h4{margin-top:0; margin-bottom:5px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#0A1645; text-decoration:none; width:100%}
.navbar-nav ul.megamenu li .navPlatformContent p{line-height:17px; margin-bottom:5px; font-size:12px}
.navbar-nav ul.megamenu li .navPlatformIcons a{position:relative; width:24%; background:#fff; padding:5px; border:1px solid #ccc; display:block; text-align:center; float:left; margin-right:1%; margin-bottom:5px; border-radius:2px; overflow:hidden}
.navbar-nav ul.megamenu li .navPlatformIcons.less a{width:48%; margin-right:2%}
.navbar-nav ul.megamenu li .navPlatformIcons a img{width:40px; margin:9px 0 7px}
.navbar-nav ul.megamenu li .navPlatformIcons a span{display:block; padding:5px 0 0; font-size:10px; text-transform:uppercase}
.navbar-nav ul.megamenu li .navPlatformIcons a:hover img{animation:slideFromLeftToRight 0.3s; -moz-animation:slideFromLeftToRight 0.3s; -webkit-animation:slideFromLeftToRight 0.3s; -webkit-filter:grayscale(100%); filter:grayscale(100%)}

.slider_text{width:45%; max-width:100%; display:block; font-size:18px; line-height:23px}
.slider_img{width:28%}
.divider{height:2px; background:#0A1646; width:60px; margin:0 auto; margin-top:-7px; margin-bottom:25px}
.navImage{padding-top:2em}
.navImage img{width:100%}




.megamenu.row{left:0; right:0; width:100%; max-width:100%; padding:10px 0px 16px}
.navbar-nav ul{margin:0; padding:0; list-style:none}
.dropdown-header{display:block; padding:0; margin-bottom:0; margin-top:0px; font-size:12px; font-weight:500; line-height:1.428571; color:#3E3E3E; text-transform:uppercase; font-size:11px; font-weight:bold; text-transform:uppercase; color:#0A1645; text-decoration:underline}
.megamenu.row ul>li{border-bottom:0px solid #EAEAEA; padding:3px 0}
.megamenu.row ul>li>a{font-size:13px; color:#464646; padding:0px 0px; display:inline-block; text-transform:capitalize}
.megamenu.row ul>li>a:hover{color:#000}
.nav.navbar-nav .open>a, .nav.navbar-nav .open>a:focus, .nav.navbar-nav .open>a:hover{background-color:#122575; border-color:#122575}
.navbar-nav>li>a>i.fa{margin-left:5px}
.navbar-toggle .icon-bar{background:#203BAC}
#main-slide .contentJusti:after, .navbar-form:after, .banner-bg-in:after, .teamMember:after{content:''; clear:both; display:block}
.navbar-collapse{clear:both}
.fluidWidth{background:#0A1646; margin:0em 0 0em; padding-top:0em}
.fluidWidth h2{color:#fff}
.fluidWidth p, .fluidWidth .by_testimo{color:rgba(255,255,255,0.78)}
.newsSection p{font-size:14px; margin-bottom:0}
.newsletter:after{content:''; clear:both; display:block}
.newsletter h2{float:left; padding-top:16px; padding-right:22px}
.newsletter .social_media{padding-top:8px}
.newsletter input.newsletter-email{float:left; padding:3px 0px 0px 10px; height:39px; width:100%; margin:5px 0 0 0px; background-color:#fff; border:none; color:#727272; float:left; height:34px; border-radius:3px}
.newsletter input.newsletter-email:focus{outline:none}
.newsletter .newsletter-submit{float:left;     padding:0px 10px;     margin:5px 0 0 0px;     background-color:#ED1B24;     border:0px;     font-size:13px;     text-transform:uppercase;     font-weight:normal;     color:#fff;     width:100px;     height:34px;     line-height:34px;     position:absolute;     right:0;     top:0;     border-radius:0px 3px 3px 0px}
.newsletter .newsletter-submit:hover{background-color:#25aae2}

.navbar-nav ul.megamenu ul:after, .navbar-nav ul.megamenu li .navPlatformIcons:after{content:""; clear:both; display:block}
.navbar-nav>li>span.fa{display:none}
h3.slide-title{  font-size:36px;     line-height:50px;     font-weight:600}

.navbar-nav ul.megamenu li .navPlatformContent >a{   padding:5px 13px;     background:#ff6b00;     color:#fff;     font-size:12px;     border-radius:2px;     display:inline-block;     text-transform:uppercase;  }
.navbar-nav ul.megamenu li .navPlatformContent >a:hover{  background-color:#064b8e;     border-color:#DA121A;     color:#fff}

.top_login_link .request-quote{background-color:#dcdcdc}

.navbar-nav>li.menu_last a{  background-color:#ED1B24}

.navbar-nav>li.menu_last a:hover{  background-color:#064b8e}

.megamenu.row ul>li.dropdown-header.border-none{  border:0px !important;     color:#EFEFEF}

#special-services-section{  width:100%;     background:#f8f8f8;     margin:0;     padding:0 0 50px;     position:relative;     float:left;     border-bottom:1px solid #f0f0f0}
#special-services-section{  width:100%;     background:#f8f8f8;     margin:0;     padding:0 0 50px;     position:relative;     float:left;     border-bottom:1px solid #f0f0f0}
.special-services-section-inner{  padding:58px 0 0;     position:relative}
.special-services-section-inner h2{  color:#3e4856;     text-align:center;     font-size:40px;     letter-spacing:-.5px;     padding-bottom:30px;     text-transform:uppercase}
.special-services-section-inner span{}
.special-services-box{  width:100%;     float:left;     margin-top:0; position:relative}
.special-services-box ul{width:100%;     float:left;     display:block}
.special-services-box ul li{  float:left;     position:relative;     padding-top:62px;     background:#fff;     text-align:center;     overflow:hidden}
.special-services-box ul li a{  height:250px;     float:left;     width:100%}
.special-services-box ul li:last-child{  margin-right:0}
.special-services-box ul li figure figcaption h3{  font-size:18px;     padding-top:33px;     color:#3581c7;     text-transform:uppercase}
.special-services-box ul li figure{  height:91px;     padding-bottom:0;     text-align:center}
.sprite.wordpress-icon{  background:url(../images/sprite-imges.png) 0 -2718px no-repeat;     width:90px;     height:91px;     margin:0 auto}
.sprite.magento-icon{  background:url(../images/sprite-imges.png) 0 -874px no-repeat;     width:89px;     height:105px;     margin:-14px auto 0}
.sprite.joomla{  background:url(../images/sprite-imges.png) 0 -719px no-repeat;     width:94px;     height:94px;     margin:-3px auto 0}
.sprite.internet-marketing{  background:url(../images/internet-marketing.png) no-repeat;     width:94px;     height:94px;     margin:-3px auto 0}
.sprite.top10{  background:url(../images/top-10.png) no-repeat;    background-size: 94px 94px;     width:94px;     height:94px;     margin:-3px auto 0}
.sprite.Dotnet{  background:url(../images/dotnet.png) no-repeat;    background-size: 68px 94px;     width:94px;     height:94px;     margin:-3px auto 0}
.sprite.payperclick{  background:url(../images/payperclick.png) no-repeat;  width:94px;     height:94px;     margin:-3px auto 0}
.sprite.reputation{  background:url(../images/reputation-management.png) no-repeat; background-size:94px 84px;  width:94px;     height:94px;     margin:-3px auto 0}
.sprite.andoid{  background:url(../images/android-iphone.png);   background-size: 94px 94px;   width:94px;     height:94px;     margin:-3px auto 0}
.sprite.drupal-icon{  background:url(../images/sprite-imges.png) 0 -367px no-repeat;     width:91px;     height:103px;     margin:-12px auto 0}
.special-services-box ul li figure figcaption h5{  color:#48545f;     position:relative;     font-size:13px;  padding-top:11px;    text-transform:uppercase}
.special-services-box ul li figure figcaption h5:before{  width:20px;     height:1px;     background:#d8d9dc;     position:absolute;     left:37px}
.special-services-box ul li figure figcaption h5:after{  width:20px;     height:1px;     background:#d8d9dc;     position:absolute;     right:41px}
.special-services-box ul li .more{  position:absolute;     width:100%;     text-align:right;     bottom:0;     left:0;     z-index:99}
.sprite.dropal-more, 
.sprite.magento-more, 
.sprite.wp-more{  width:35px;     height:34px;     float:right}
.sprite.wp-more{  background:url(../images/sprite-imges.png) 0 -2819px no-repeat}
.sprite.dropal-more{  background:url(../images/sprite-imges.png) 0 -309px no-repeat}
.sprite.magento-more{  background:url(../images/sprite-imges.png) 0 -989px no-repeat}
.ctn_blue{  background:#0877CC!important;     background:rgba(8,119,204,1)!important;     color:#fff!important}
.ctn_blue_1{  background:#41b6e1!important}
.ctn_blue_2{  background:#0fc6cd!important}
.ctn_blue_3{  background:#03c7a4!important}
.caption8 h5:after, 
.caption8 h5:before{  width:20px;     height:1px; display:none;    background:#67c5e7}
.ctn_blue h3, 
.ctn_blue_1 h3, 
.ctn_blue_2 h3, 
.ctn_blue_3 h3{  color:#fff;     font-size:21px;     padding-top:60px; line-height: 33px;   text-transform:uppercase}
.ctn_blue h5, 
.ctn_blue_1 h5, 
.ctn_blue_2 h5, 
.ctn_blue_3 h5{  color:#fff;     font-size:18px;     text-transform:uppercase;     position:relative}
.caption8 h5:after{  position:absolute;     right:41px}
.caption8 h5:before{  position:absolute;     left:37px}
.caption8.ctn_blue_3 h5:after, 
.caption8.ctn_blue_3 h5:before{  width:20px;     height:1px;     background:#45e6c3;     position:absolute}
.caption8.ctn_blue_3 h5:after{  right:41px}
.caption8.ctn_blue_3 h5:before{  left:37px}
.ctn_blue a{  border:none}
.special-services-box ul li div.caption8{  background:#000;     background:rgba(0,0,0,.7);     color:#fff;     padding:0 10px;     position:absolute;     overflow:hidden;     opacity:0;     filter:alpha(opacity=0);     -webkit-transition:all .3s ease .2s;     -moz-transition:all .3s ease .2s;     -o-transition:all .3s ease .2s;     -ms-transition:all .3s ease .2s;     transition:all .3s ease .2s}
.special-services-box ul li div.caption8 p{  font-size:12px; padding:22px; line-height:22px;     color:#fff}
.special-services-box ul li:hover div.caption8{  width:100%;     height:100%;     opacity:1;     filter:alpha(opacity=100)}
.special-services-box ul li div.caption8{  bottom:0;     height:0;     right:0;     width:100%}

.our-featured-product-new{  background:url(../images/featurd-img-bg.jpg) no-repeat;     clear:both;     padding:58px 0 0;     height:472px; background-size:100%;     border-bottom:1px solid #dedfe0;     border-top:1px solid #efefef}
.feature-product-main-new-detls{  width:390px;     float:left;     height:436px}
.Featured-dtl{  padding-top:20px}
a.view-case img{width:auto; height:auto; display:inline-block}
.our-featured-product-new h3{  font-size:18px;     color:#3d4351;     text-transform:uppercase;     position:relative}
.our-featured-product-new h3:after{  background:url(../images/border-h3-tag-fetured.html) left bottom no-repeat;     position:absolute;     height:3px;     width:77px;     left:0;     bottom:-21px;     content:''}
.feature-product-main-new-detls h4{  font-size:40px;     color:#282b37;     padding-bottom:15px;     padding-top:39px}
.feature-product-main-new-detls ul li{  float:left;     width:50%;     padding-bottom:5px}
.mysql, 
.sprite.ajax, 
.sprite.dov-new, 
.sprite.html-new, 
.sprite.mag, 
.sprite.seo-new, 
.sprite.web-new, 
.sprite.wordpress{  width:45px;     height:45px;     margin-right:12px;     margin-top:4px;     float:left}
.sprite.web-new{  background:url(../images/sprite-imges.png) 0 -2663px no-repeat}
.sprite.seo-new{  background:url(../images/sprite-imges.png) 0 -2445px no-repeat}
.sprite.dov-new{  background:url(../images/sprite-imges.png) 0 -254px no-repeat}
.sprite.wordpress{  background:url(../images/sprite-imges.png) -52px -2445px no-repeat rgba(0,0,0,0)}
.sprite.ajax{  background:url(../images/sprite-imges.png) 0 -254px no-repeat rgba(0,0,0,0)}
.sprite.mag{  background:url(../images/sprite-imges.png) -103px -2445px no-repeat rgba(0,0,0,0)}
.sprite.html-new{  background:url(../images/sprite-imges.png) 0 -664px no-repeat}
.sprite.mysql{  background:url(../images/sprite-imges.png) -67px -663px no-repeat}
.feature-product-main-new-detls ul li label{  display:inline-block;     font-size:16px;     color:#282b37; line-height:55px}
.feature-product-main-new-detls ul li img{  display:inline-block;     vertical-align:middle;     margin-right:10px}
.feature-product-main-new-detls p{  font-size:16px;     color:#536270;     margin-bottom:20px}
.feature-product-main-new-img{  float:left;     position:absolute;     right:15%;     height:100%}
.our-featured-product-new .bx-wrapper .bx-controls-direction a{  margin-top:-100px}
.get-req-bnr{  display:none}
#we-advance-section{  width:100%;     margin:0;     padding:0 0 50px;     position:relative;     float:left;     border-bottom:1px solid #f0f0f0}
#we-advance-section:after{  bottom:-26px;     left:48%;     background:url(../images/sprite-imges.png) no-repeat;     height:52px;     width:52px;     z-index:999}
.we-advance-inner{  text-align:center;     padding:47px 0 0;     position:relative}
.we-advance-inner:before{  background:url(../images/service-before.html) left top no-repeat;     width:1208px;     height:120px;     position:absolute;     content:"";     display:block;     left:0;     top:110px;     z-index:-1}
.caption8 h5:after, 
.caption8 h5:before, 
.caption8.ctn_blue_3 h5:after, 
.caption8.ctn_blue_3 h5:before, 
.special-services-box ul li figure figcaption h5:after, 
.special-services-box ul li figure figcaption h5:before{  top:19px;     display:none;     content:""}
.sprite.goal, 
.sprite.outstanding, 
.sprite.strategy{  width:153px;     height:153px}
.we-advance-inner h2{  color:#3e4856;     font-size:40px;     letter-spacing:-.5px;     padding-bottom:40px;     text-transform:uppercase}
.we-advance-inner span{}
.we-advance-inner ul{  float:left;     display:block}
.we-advance-inner ul li{  float:left;     font-size:18px;     color:#3e4856;     text-transform:uppercase}
.we-advance-inner ul li.goal-li{  margin-left:66px;     margin-top:-30px}
.sprite.goal{  background:url(../images/sprite-imges.png) 0 -501px no-repeat}
.sprite.strategy{  background:url(../images/sprite-imges.png) 0 -2500px no-repeat}
.sprite.outstanding{  background:url(../images/sprite-imges.png) 0 -1937px no-repeat}
.we-advance-inner ul li.strategy{  margin-left:300px;     margin-top:-25px}
.we-advance-inner ul li.outstanding{  margin-left:318px;     margin-top:-50px}
.we-advance-inner ul li figure figcaption{  margin-top:-15px}
.we-advance-inner-box{  float:left;     width:100%;     margin-top:35px}
.we-advance-inner-box-left{  width:450px;     float:left}
.we-advance-inner-box-left h4{  font-size:35px;     line-height:47px;     text-align:left;     color:#3e4856}
.we-advance-inner-box-right{  width:700px;     float:right}
.we-advance-inner-box-right p{  font-size:16px;     padding-right:40px;     text-align:left;     color:#3e4856}

.bx-wrapper{  position:relative}
.bx-wrapper img{  display:block;     width:100%;     height:100%}
.wp8>a{  display:block}
.bx-wrapper .bx-viewport{  -webkit-transform:translatez(0);     -moz-transform:translatez(0);     -ms-transform:translatez(0);     -o-transform:translatez(0);     transform:translatez(0)}
.bx-wrapper .bx-controls-auto, 
.bx-wrapper .bx-pager{  display:none}
.bx-wrapper .bx-prev{  left:0;     background:url(../images/sprite-imges.png) 0 -1798px no-repeat}
.bx-wrapper .bx-next{  right:0;     background:url(../images/sprite-imges.png) 0 -2267px no-repeat}
.bx-wrapper .bx-controls-direction a{position:absolute;  top:50%;  margin-top:-16px;  outline:0;  width:92px;  height:129px;  text-indent:-9999px;  z-index:9999}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;  width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;  width:35px}
.rqs-perpsal-part-new .call-imp, 
header.opaque .rqs-perpsal-part-new span.call-imp{background:0 0;  padding:0;  margin:0}
#carousel-example-generic .item .carousel-caption.carousel-fade{-webkit-transition:opacity 2s ease-in-out;  -moz-transition:opacity 2s ease-in-out;  -ms-transition:opacity 2s ease-in-out;  -o-transition:opacity 2s ease-in-out;  transition:opacity 2s ease-in-out;  opacity:0}
#carousel-example-generic .item.active .carousel-caption.carousel-fade{opacity:1}
.carousel.carousel-fade .active.left, 
.carousel.carousel-fade .active.right{left:0;  z-index:2;  opacity:0;  filter:alpha(opacity=0)}
.carousel.carousel-fade .next, 
.carousel.carousel-fade .prev{left:0;  z-index:1}
.carousel.carousel-fade .carousel-control{z-index:3}

section.packages{padding:90px 0}
section.packages .small-packages{padding:10px; border:1px solid #ccc; text-align:center; border-radius:8px; transition:all .5s ease-in-out 0s; padding-top:20px}
section.packages .small-packages:after{background:url(../images/shadow.png) no-repeat center center; content:''; display:block; background-size:100%; padding:10px 0; position:absolute; bottom:-20px; width:100%; left:0}
section.packages .small-packages h3{font-size:18px; display:block; padding:10px 0 15px; text-transform:uppercase; font-weight:600; color:#4d4d4d}
section.packages .small-packages p{font-size:18px; color:#4d4d4d}
section.packages .small-packages p span{font-size:40px; font-weight:600; display:block; padding-top: 25px;}
section.packages .small-packages a{background:#004b92; text-align:center; color:#fff; text-decoration:none; padding:10px 30px; border-radius:8px; display:inline-block; font-weight:normal; font-size:13px; margin-top:15px; margin-bottom:15px}
section.packages .small-packages:hover{background:#004b92; border-color:#004b92}
section.packages .small-packages:hover h3, section.packages .small-packages:hover p, section.packages .small-packages:hover p span, section.packages .small-packages:hover a{color:#fff}
section.packages .small-packages:hover a{background:#ff6b00}
section.packages h2{font-size:25px; display:block; text-align:center; margin-bottom:40px; font-weight:600; text-transform:uppercase}
section.packages h2 span{font-size:14px; display:block; text-align:center; font-weight:300; padding-top:10px; text-transform:none}

section.our-customers{background:url(../images/customer.jpg) no-repeat; background-size:cover; background-attachment: fixed; width:100%; padding:0 0; margin:0 0 40px 0; color:#fff; position:relative}
section.our-customers h2{display:block; font-size:27px; font-weight:600; text-transform:uppercase; padding-bottom:7px;}
section.our-customers h2 span{display:block; font-size:17px; text-transform:none; padding:10px 0px 0px; font-weight:400; font-family:'Raleway'}
section.our-customers p{font-size:18px; line-height:47px; font-weight:300; letter-spacing:1px; font-family:'Raleway'; color:#000;}
section.our-customers .carousel-indicators .active{}
section.our-customers .content{margin-top:20px}
section.our-customers .adjust1{float:left; width:100%; margin-bottom:0}
section.our-customers .adjust2{margin:0}
section.our-customers .carousel-indicators li{border:1px solid #ccc}
section.our-customers .carousel-indicators li.active{background:#ff6b00;}
section.our-customers .carousel-control{color:#31708f; width:5%}
section.our-customers .carousel-control:hover, .carousel-control:focus{color:#31708f}
section.our-customers .carousel-control.left, .carousel-control.right{background-image:none}
section.our-customers .media-object{margin:auto; margin-top:15%}
section.our-customers  blockquote{padding:0px 0 0 0; border:none}

.testimonials{padding:20px 0 0; }
.testimonials .item {    background: url(../images/imac-broadwell.png) no-repeat !important;
    min-height: 439px;
    background-size: 100% !important;
    padding: 23px;
    width: 100%;
    display: block;}
section.our-customers .why-choose{background:rgba(31, 136, 132, 0.52); padding:50px 40px; height:100%; width:100%; min-height: 488px;}
section.our-customers .why-choose ul li{font-size:15px; line-height:22px; color:#fff; padding:7px 0; font-family:'Raleway'; font-weight:600}

#owl-demo .item{   background:#ededed;     padding:30px 0px;     margin:5px;     color:#FFF;     -webkit-border-radius:3px;     -moz-border-radius:3px;     border-radius:3px;     text-align:center}

#social-media{background:#ededed; float:left; width:100%; padding:10px 0}

.social-box{   float:left;     margin:0;     width:100%;     clear:both}
.social-box ul{   float:left;     text-align:center;     width:100%}
.social-box ul li{   float:left;     width:25%;     padding-left:0}
.social-box ul li:first-child{   padding-left:0}
.social-box ul li figure{   float:left}
.sprite.new-fb-icon{   background:url(../images/sprite-imges.png) 0 -1033px no-repeat;     width:125px;     height:125px}
.sprite.new-twitter-icon{   background:url(../images/sprite-imges.png) 0 -1524px no-repeat;     width:125px;     height:125px}
.sprite.new-gplus-icon{   background:url(../images/sprite-imges.png) 0 -1168px no-repeat;     width:125px;     height:125px}
.sprite.new-linkedin-icon{   background:url(../images/sprite-imges.png) 0 -1303px no-repeat;     width:125px;     height:125px}
.social-box ul li h5{   color:#ff6b00;     float:left;     font:44px/56px 'Montserrat',sans-serif;     margin-top:25px; text-transform:uppercase}
.social-box ul li h5 a{   color:#ff6b00; font-weight:600}
.social-box ul li h6{   color:#9ea3aa;     float:left;     font:14px/20px 'Raleway';  text-transform:capitalize}
#rating-part p a, 
.footer-nav ul li a, 
.get a, 
.view-case{text-transform:uppercase}
.social-box ul li figure .socal-ico{transition:all .5s ease-in-out 0s}
.social-box ul li:focus figure .socal-ico, 
.social-box ul li:hover figure .socal-ico{transform:translate(0,-15px)}

#foot{background:#076062; margin:0 0 0 0px; padding:0px; width:100%; height:auto; z-index:0; position:relative; float:left}
#foot #foot-main{height:auto; margin:0px auto; color:#fff; clear:both; padding-top:50px}
#foot-main ul{margin:14px 00px 0; padding:0px; list-style:none}
#foot-main li{margin:0px 0 0 0; padding:0px; list-style:none; color:#fff; position:relative}
#foot-main ul li:before{
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    left: 0px;
    top:2px;
    font-size: 14px;
    color: #ccc;
}
ul.social-links li:before, ul.connect-with li:before{content:''; display:none;}
ul.social-links li a{font-size: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 28px !important; border-bottom:2px solid #a2a3a5 !important;}
#foot-main ul a{margin: 0px 0 0 0; padding: 5px 0px 5px 10px; list-style: none; border-bottom: 0px solid #032642; display: block; font-weight: 400; color: #CCC; font-size: 12px; font-family: 'Raleway';transition: All .3s ease;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s; white-space:nowrap;}
#foot-main ul a i.fa-whatsapp{color:#6f9f13; font-size:20px; vertical-align:middle;}

#foot-main ul a:hover{    padding-left: 13px;}
#foot-main ul a i.fa-skype{color:#32ccfe; font-size:20px; vertical-align:middle;}
#foot-main h6{color:#fff; font-size:16px; font-weight:600; font-family:'Raleway'}
#foot-main h6 a{color:#bf5000;font-size: 17px; display: block; border-bottom: 1px solid #022b50; padding-bottom: 11px;}
.foot-b{background:url(../images/bot-bg.jpg) repeat-x left top; margin:27px 0 0 0; padding:20px 0 20px 0; width:100%; float:left}
.foot-b img{float:left; margin-right:10px}
.foot-b h3{color:#858585; font-size:19px; line-height:62px; font-family:'Raleway'; text-transform:uppercase; letter-spacing:0px}
.foot-b h3 a{color:#bf5000; text-decoration:none;     font-weight:600}
.foot-b h3 span{color:#858585; font-size:22px; font-weight:normal; font-family:'Raleway'}
#foot-link{margin:0px; padding:0px; width:100%; height:auto; text-align:left; font-family:'Raleway'; color:#d4d4d4; font-size:13px; float:left}
#foot-link a{color:#d4d4d4; padding:0 3px}
#foot-link p{font-size:11px; color:#969696; padding:5px 0 0 0}
#foot-link #foot-link-left{height:auto; margin:0px}
#foot-link #foot-link-right{height:auto; text-align:right}

#foot-main ul i img {width: 17px; height: 17px;}


.footer-info{   margin-top:50px;     border-top:1px solid #393b3e;     padding:30px 0 35px}
.footer-bottom h6{   color:#fff;     margin-bottom:25px}
.social-links li{   display:inline-block;     margin-right:24px}
.social-links li:last-of-type{   margin-right:0}
.social-links li a{   display:inline-block;     width:32px;     height:32px;     line-height:15px !important;     font-size:14px;     border-radius:50%;     color:#a2a3a5;     border:2px solid #a2a3a5;     text-align:center;     transition:all 0.5s}
.social-links li a:hover{   border-color:transparent;     color:#fff}
.social-links li:nth-child(1) a:hover{background:#3b5998}
.social-links li:nth-child(2) a:hover{background:#55acee}
.social-links li:nth-child(3) a:hover{background:#3f729b}
.social-links li:nth-child(4) a:hover{background:#449a88}
.footer-info address{   font-size:14px;     color:#ababab;     font-style:normal}
.footer-bottom{   padding-top:0px}
.footer-bottom h6{   color:#d2d2d2;     margin-bottom:25px}
.footer-bottom li, 
.footer-bottom li a{   color:#ababab;     line-height:30px;     font-weight:normal;     font-size:13px;     transition:color 0.5s}
.footer-bottom li a:hover{   color:#fff}
.footer-bottom .pay-opts{   padding-top:5px}
.footer-bottom .pay-icon{   background:url(../images/payment.png) no-repeat;     display:inline-block;     vertical-align:middle}
.footer-bottom .pay-icon.master{   background-position:0;     width:40px;     height:25px}
.footer-bottom .pay-icon.visa{   background-position:-45px 0;     width:40px;     height:25px}
.footer-bottom .pay-icon.american{   background-position:-90px 0;     width:40px;     height:25px}
.footer-bottom .pay-icon.paypal{   background-position:-138px 0;     width:22px;     height:25px}
.footer-bottom .pay-icon.cc-ave{   background-position:-168px 0;     width:71px;     height:25px}
.footer-info{   margin-top:0px;     border-top:none;     padding:30px 0 35px; background:url(../images/bot-bg.jpg) repeat-x}
#newsletter-form{width:240px;  position:relative}
#newsletter-form input{outline:none;  width:100%;  border:1px solid #414141;  padding:0 88px 0 15px;  height:35px;  color:#ababab;  background:transparent}
#newsletter-form button{cursor:pointer;  position:absolute;  right:0;  top:0;  background:transparent;  border:1px solid #414141;  height:35px;  width:84px;  color:#ababab;  font-size:13px;  transition:all 0.5s}
#newsletter-form button:hover{border-color:#909090}




.copyright{background:#003034; padding:15px 0; display:block; float:left; width:100%}
.modal{z-index:2000000}
.navbar-nav >li:hover, .navbar-nav >li:focus{ background-color:#064b8e}

.inner-banner-about{position:relative; background:url(../images/about-us.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-about h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-about p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}

.inner-banner-web-des{position:relative; background:url(../images/web-design.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-web-des h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-web-des p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-dev{position:relative; background:url(../images/web-development.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-dev h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-dev p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}

.inner-banner-ecom{position:relative; background:url(../images/e-commerce.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-ecom h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-ecom p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-mob{position:relative; background:url(../images/mobile-application.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-mob h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-mob p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-soft{position:relative; background:url(../images/software_development.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-soft h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-soft p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-open{position:relative; background:url(../images/expertise.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-open h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-open p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-html{position:relative; background:url(../images/html5-development.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-html h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-html p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-php{position:relative; background:url(../images/php.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-php h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-php p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-dot{position:relative; background:url(../images/dotnet.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-dot h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-dot p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-search{position:relative; background:url(../images/searchengine.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-search h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-search p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-social{position:relative; background:url(../images/social-media.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-social h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-social p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-ppc{position:relative; background:url(../images/payperclick.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-ppc h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-ppc p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-digital{position:relative; background:url(../images/digital_marketing.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-digital h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-digital p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-custom{position:relative; background:url(../images/custom-solution.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-custom h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-custom p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-expert{position:relative; background:url(../images/expertise.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-expert h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-expert p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-tech{position:relative; background:url(../images/technology.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-tech h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-tech p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-testimonials{position:relative; background:url(../images/testimonials.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-testimonials h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-testimonials p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-portfolio{position:relative; background:url(../images/portfolio.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-portfolio h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-portfolio p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-report{position:relative; background:url(../images/report.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-report h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-report p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-seo-package{position:relative; background:url(../images/christmas.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-seo-package h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-seo-package p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-smo-package{position:relative; background:url(../images/christmas.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-smo-package h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-smo-package p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}
.inner-banner-ppc-package{position:relative; background:url(../images/christmas.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-ppc-package h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-ppc-package p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}	
.inner-banner-orm-package{position:relative; background:url(../images/christmas.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-orm-package h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-orm-package p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}	
.inner-banner-aso-package{position:relative; background:url(../images/christmas.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-aso-package h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-aso-package p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}	
.inner-banner-webdesign-package{position:relative; background:url(../images/christmas.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-webdesign-package h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-webdesign-package p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}	
.inner-banner-blog{position:relative; background:url(../images/blog.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-blog h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-blog p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}	
.inner-banner-privacy{position:relative; background:url(../images/privacy.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-privacy h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-privacy p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}	
.inner-banner-career{position:relative; background:url(../images/careers.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-career h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-career p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}	
.inner-banner-contact{position:relative; background:url(../images/contact.jpg) no-repeat; background-size:100% 100%; padding:30px 0; margin:0px}
.inner-banner-contact h1{font-size:71px; line-height:33px; text-transform:none; color:#fff; padding:40px 0 10px; font-family: 'mistralregular';}
.inner-banner-contact p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}	








.inner-banner-web-dev{position:relative; background:url(../images/web-development.jpg) no-repeat; background-size:cover; background-attachment:fixed; padding:30px 0; margin:0px}
.inner-banner-mobile-app{position:relative; background:url(../images/mobile-app.jpg) no-repeat !important; background-size:cover; background-attachment:fixed !important; padding:30px 0; margin:0px}
.seo-banner{position:relative; background:url(../images/seo-banner.jpg) no-repeat !important; background-size:cover; background-attachment:fixed !important; padding:30px 0; margin:0px}
.inner-banner-web:before,
.inner-banner-web-dev:before{background: rgba(6, 75, 142, 0.19); content:''; padding:20px; position:absolute; width:100%; height:100%; top:0;}

.inner-banner-web h1,
.inner-banner-web-dev h1{font-size:71px; text-transform:uppercase; color:#fff; padding:40px 0 10px;  font-family: 'mistralregular';}
.inner-banner-web p,
.inner-banner-web-dev p{font-size: 17px;
    line-height: 22px;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    padding-top: 30px;}

#brd-crumb{border-bottom:1px solid #ccc; padding:10px 0 10px; width:100%; float:left; color:#272727; font-size:13px; background:#fff;}

header#header-full-top {
    background: #fff;
}
#brd-crumb a{color:#272727}

.main_container.other_page {
    padding: 0;
    background: #fff;
}
.col-sm-4.col-md-3.left_side, .col-sm-8.col-md-9.right_side{margin:30px 0}
.left_side img{margin-bottom:20px; width:100%;}

ul.left_list a{    padding:10px 20px 8px 18px;     display:block;     border-bottom:1px solid #d9d9d9;     font-size:13px;     color:#4a4947;     position:relative;     text-decoration:none; position:relative}
ul.left_list li:last-child a{border-bottom:0}
ul.left_list{    padding:0px;     margin:0;     list-style:none;     margin-bottom:25px;     margin-top:0px}
.col-md-9.right_side .our_company h2{    margin-top:8px}
ul.left_list a:hover{         color:#203BAC}
ul.left_list li a:before{    font-family:FontAwesome;     content:"\f054";     position:absolute;     left:0px;     top:14px;     font-size:12px}
.main_container.other_page{    padding:0}
.img_box{float:none; margin:20px 0}

.btn-red{background-color:#ff6b00;  color:#fff}
.btn-red.focus, .btn-red:focus, .btn-red:hover{color:#fff; background-color:#0A1646; border-color:#0A1646}
.img_box{float:none; margin:20px 0}
.col-md-9.right_side p{    margin:0 0 12px;     color:#676565;     font-size:13px;     line-height:22px}
ul.list_check, ul.inr-txt-two{    padding-left:0;     list-style:none}
.list_check li, .inr-txt-two li{    padding-left:20px;     position:relative;     margin-bottom:10px; font-size:13px}
.list_check li:before, .inr-txt-two li:before{    font-family:FontAwesome;     content:"\f00c";     position:absolute;     left:0px;     top:4px;     font-size:13px;     color:#0A1646}
.col-sm-8.col-md-9.right_side h2{color:#29507b; font-size:18px; display:block; padding:0 0 15px}

#audit-form{padding:20px 0}
#audit-form label{font-size:13px; display:block; margin-bottom:3px}
#audit-form label span{color:#f00}
#audit-form input{background:#fff; padding:8px; border:1px solid #b4b4b4; height:45px; border-radius:8px; margin-bottom:15px}
#audit-form textarea{background:#fff; padding:8px; border:1px solid #b4b4b4; border-radius:8px; margin-bottom:15px}
#audit-form .btn-blue{    background:#ff6b00;     color:#000}
.btn-blue:hover{    background:#ff6b00;     color:#fff}

@media screen and (max-width:480px){.Featured-dtl{    padding-top:20px;     float:none;     display:none}
.feature-product-main-new-img{right:0}
.our-featured-product-new{    height:304px;     background-size:100% 100%}
section.packages .small-packages{margin-bottom:20px}
section.packages .small-packages:after{bottom:0}
.social-box ul li{width:100%}
.social-box ul li h5{float:none; display:block;  text-align:left}
.social-box ul li h6{display:block}

.foot-b h3{   display:inline-block}
.foot-b img{float:none; display:inline-block}
.footer-bottom h6{margin-bottom:10px}
#foot-main ul{margin:0px 0px 17px}
.footer-bottom .pay-opts{padding-bottom:15px}
#newsletter-form{margin-bottom:15px}
#foot-link #foot-link-right, #foot-link #foot-link-left{text-align:center}
.col-half-offset{margin-left:0 !important;}
body{overflow-x: hidden;}
.top_login_link a{text-align:left !important;}


}
@media screen and (max-width:768px){section.our-customers .media-object{margin-top:0}
}

@media screen and (max-width:767px){.slide-title{margin-top:0; font-size:2.5em}
#main-slide .slider-content, #main-slide .slider-content .contentJusti, .slider-text{text-align:left}
#main-slide .slider-content ul, .slide-title, #main-slide .curveSlider .curveList{width:100%}
#main-slide .slider-content ul.pull-right li{padding-right:0; text-align:left; background-position:left 5px; padding-left:1.7em}
.carousel-control{display:none}
.slider-text h2{font-size:2em; line-height:1.5; margin-bottom:1em}
#main-slide .curveSlider .curveList{padding-left:0; margin-left:0; border:none}
.navbar-collapse{padding-left:15px; padding-right:15px}
.navbar-form{border-top:none; padding-bottom:1em; box-shadow:none}
.navbar-form label{float:left; width:50%; text-align:center}
.navbar-form .input-group{float:right; width:48%; margin-top:0}
.navbar-form .input-group>.form-control, .navbar-form .btn{height:44px}
.dropdown-menu{position:relative}
#main-slide .contentJusti{padding-left:0}
.fixed-social-icons{float:none; margin-bottom:10px; border-bottom:1px solid #0a1646}
.special-services-box ul li .more{background:#0877cc}
.bx-wrapper img{height:auto}
.open .dropdown-menu{    position:absolute;     left:-50px; text-align:left}
.top_login_link .dropdown-menu>li>a{text-align:left}
}

.back-to-top{    cursor:pointer;     position:fixed;     bottom:20px;     right:20px;     border-radius:50%;     background:#ff6b00;     box-shadow:0px 1px 2px 0px rgba(0,0,0,0.20);     display:none;   -webkit-transition:all 0.4s;     -moz-transition:all 0.4s;     transition:all 0.4s;     width:45px;     height:45px; text-align:center; font-size:25px; line-height:45px; color:#fff;}
#back-to-top span.fa-angle-up{color:#fff;}

.expand{    position:relative;     width:100%;     height:auto}
.expand-button{    display:block;     position:absolute;     height:65px;     line-height:58px;     width:65px;     border-radius:50%; bottom:-83px;     left:50%;     transform:translateX(-50%);     background:#fff;     box-shadow:0px 1px 2px 0px rgba(0,0,0,0.20);     text-align:center}
.expand-button a{    position:relative;     width:100%;     height:100%;     display:inline-block;     color:#ff6b00;     font-weight:bold;     font-size:11px}
.expand-button a span:after{    content:"\f0d7";     font-family:FontAwesome;     font-style:normal;     font-weight:normal;     text-decoration:inherit;     color:#ff6b00;     font-size:13px;     position:absolute;     bottom:-5px;     left:29px}
div#collapseExample ul{    margin-top:25px;     display:block; width:100%}
.section1{background:url(../images/shadow1.png) no-repeat bottom center; float:left; width:100%; padding-bottom:50px}
.section1 h2{color:#0f0f0f !important; font-size:30px !important; font-weight:600; border-bottom:1px solid #ccc; margin-bottom:10px}
.section1 h2 span{display:block; font-size:13px; margin:5px 0 0px 0}
.bg-color{background:#284b9d; margin:20px 0; padding:11px 26px; border-radius:10px; width:100%; float:left}
.bg-color h3{color:#fff;  font-size:18px;  display:inline-block;  margin-right:20px;  padding-top:4px; line-height: 36px;}
.bg-color a{background:#fff;  border-radius:4px;  color:#454545;  display:inline-block;  text-align:center;  padding:5px 13px;  font-size:20px}

.modal-title{ margin:0;  line-height:1.42857143;  color:#0a1646;  font-size:18px}


.top-footer ul li:after, footer .footMid ul li:after {
	font-family: FontAwesome;
	content: "\f105";
	position: absolute;
	left: 0px;
	top: 5px;
	font-size: 14px;
	color: #965f5f;
}













#filters {
	margin: 1%;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
}

	#filters li {
		float:none;
		display:inline-block;
	}
	
	#filters li span {
		display: block;
		padding:5px 20px;		
		text-decoration:none;
		color:#666;
		cursor: pointer;
	}
	
	#filters li span.active {
		background: #e95a44;
		color:#fff;
	}
 

 
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:31%;
	margin:1%;
	display:none;
	float:left;
	overflow:hidden;
}

	.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		background: #666;
		cursor:pointer;
	}

	.portfolio img {
		max-width:100%;
		position: relative;
		top:0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);		
	}
	
	.portfolio .label {
		position: absolute;
		width: 100%;
		height:40px;
		bottom:-40px;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	}

		.portfolio .label-bg {
			background: #e95a44;
			width: 100%;
			height:100%;
			position: absolute;
			top:0;
			left:0;
		}
	
		.portfolio .label-text {
			color:#fff;
			position: relative;
			z-index:500;
			padding:5px 8px;
			font-size:15px;
		}
			
			.portfolio .text-category {
				display:block;
				font-size:9px;
			}
	
	.portfolio:hover .label {
    bottom:0;
  }
	.portfolio:hover img {
    top:-30px;
  }  

	



/* #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}


/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

	#portfoliolist .portfolio {
		width:48%;
		margin:1%;
	}		

	
}
.col-half-offset{
    margin-left:4.166666667%
}

.owl-buttons {position:relative;}
.owl-buttons {position:relative;}


.map{
	background: url(../images/map.jpg) no-repeat center top;
    margin: 30px 0 0;
    float: left;
    padding: 50px 0 10px;
    width: 100%;
	}
.map .text-right img {
    position: absolute;
    left: 130px;
}
.map .text-left img {
    position: absolute;
    right: 215px;
}
h1.contact-tittle{padding:0; margin:0; text-align:center; font-size:40px; color:#000; margin:30px 0 0 0; }

.map h2 {
    text-transform: uppercase;
    display: block;
    font-size: 26px;
    font-weight: 600;
    margin: 0 0 10px;
}
.map p {
    font-size: 15px;
    margin-bottom: 25px;
}
.map h4 {
    font-size: 19px;
    display: block;
    color: #ff6b00;
}
.map h3 {
    font-size: 55px;
    display: block;
    color: #ff6b00;
	font-family: 'mistralregular';
	text-align:center;
	margin-bottom:15px;
}
.map p.text-cnt{text-align:center; font-size:32px; padding-top: 15px; line-height: 51px;}
.map p.text-cnt a{color:#ff6b00;}
#seo-section {margin:0px auto; display:block; padding:88px 0;}
#seo-section .row{border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:40px;}
#seo-section .row h2{    font-size: 20px;
    line-height: 31px;
    display: block;
    padding-bottom: 17px;
    font-weight: 400;
    text-transform: none;}
#seo-section .row p{font-size:14px; line-height:22px;}



/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	border-radius:0;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	text-align:left;
	border-radius:4px;
	padding:5px;
	z-index:999999;
}

.dropdown-content a {
       color: black;
    padding: 5px 16px;
    text-decoration: none;
    display: block;
    background: none;
	    white-space: nowrap;
}

.dropdown-content a:hover {background:#ff6b00; color:#fff; border-radius:0;}

.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown:hover .dropbtn {
    background-color: #00223f ;
	color:#fff;
}



.our-process-wrap { background: url(../images/ourprocess.png) left top no-repeat; background-size: contain; display: table; padding-top: 82px;padding: 84px 40px 40px;}
	.our-process { border-bottom: 1px dashed #e0e0e0; position: relative; height: 62px; overflow:visible; z-index:11;}
	.our-process:before, .our-process:after { content: "\f192"; position: absolute; left: -8px; bottom: -4px; font-family: 'FontAwesome'; font-size: 16px; color: #ccc;}
	.our-process:after { left: auto; bottom: -11px; right: -8px; content: "\f140";}

	.our-process-item {text-align:center;padding: 0 10px; display: table-cell;}
	.our-process-item .our-process-content { text-align:center;}
	.our-process-item i { position: relative; background:#fff; position:relative;color: #52535c;font-size: 32px;display:inline-block;clear:both;border-radius: 50%;border: 2px solid #f4f3f3;-webkit-transition: all 0.33s ease-in-out;transition: all 0.33s ease-in-out;width: 120px;height: 120px;text-shadow: none; box-shadow: 0 2px 0 0px rgba(0,0,0,0.017);}
	.our-process-item i:before { position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%,-50%);}
	.our-process-item:hover i {border-color: #7bd1ef;color: #00c2e5;}
	.our-process-item h4 {font-size: 17px; text-transform: uppercase; color: #171c24; margin: 34px 0 25px;}
	.our-process-item p {font-size: 13px;color: #8a8a8a; line-height:1.6; padding:0 15px;}
	
	@media only screen and (min-width: 961px) and (max-width: 1280px) {
	.our-process-wrap { padding-top: 55px}
	}
	@media only screen and (max-width: 960px) {
	.our-process-item p { margin-bottom:33px;}
	.our-process-item h5  { font-size:15px;}
	}
	@media (min-width: 768px) and (max-width: 960px) {
	.our-process-wrap { padding-top: 35px}
	.our-process-item:first-child { padding-left: 10px;}
	.our-process-item:last-child { padding-right: 30px;}
	.our-process-item i { font-size:32px; padding:18px;}
	.our-process { height:38px;}
	.our-process-item i:after { font-size:14px; padding:6px; width:26px; height:26px;}
	}	
	@media only screen and (max-width: 767px) {
	.our-process-wrap { display: block; background: url(../images/ourprocess-mobile-v.html) center no-repeat; background-size: contain; padding-top: 72px;}
	.our-process-item { position: relative; display: block; padding-bottom: 50px;}
	.our-process-item h4, .our-process-item p { position: relative; background-color: #fff; margin-top: 18px; margin-bottom: 0; padding: 12px 0 15px;}
	.our-process-item p { margin-top: 0; padding-top: 0; padding-bottom: 24px; margin-bottom: 0;}
	.our-process { border: none;}
	.our-process:before, .our-process:after { display: none;}
	.our-process:after { left: 31px;}
	.affix{position:relative;}
	.top-container a{    padding: 7px 18px;}
	.left_side img { width: 100%;}
	.inner-banner h1 {font-size: 35px; line-height: 40px;}
	.inner-banner p {font-size: 13px;}
	.inner-banner img {width: 100%; height: 100%;}
	.carousel-inner iframe{min-height:auto !important;}
	.caption a {
    padding: 3px 9px !important;
    font-size: 11px !important;
    margin-top: -61px;
}

.special-services-section-inner h2{font-size:18px;}

	}
	@media only screen and (max-width: 480px) {
    .our-process-wrap { background-size: inherit; padding-top: 50px; background-position:top; padding-left:0; padding-right:0;}
	}

.modal-backdrop{z-index:500000;}
.pack{margin:30px 0; display:block; float:left; width:100%; overflow: scroll;}
.pack table {
    width: 100%;
}
.pack td:first-child {
    height: 51px;
    padding-left: 10px;
    <!--text-align: left !important;-->
    width: 276px !important;
}
.pack td {
    height: 38px;
    text-align: center !important;
/*    width: 176px;*/
}
.pack table td.wb {
    background: none repeat scroll 0 0 #2B54A3;
    color: #FFFFFF;
    font-size: 27px;
}
.pack table td
{
padding:0px;
font-size: 14px;
}
.e3 {
    background: none repeat scroll 0 0 #E3E3E3;
}

.pack td {
    height: 38px;
    text-align: center !important;
   /* width: 176px;*/
}
.ff {
    background: none repeat scroll 0 0 #FFFFFF;
}
.eb {
    background: none repeat scroll 0 0 #EBEBEB;
}
.f6 {
    background: none repeat scroll 0 0 #F6F6F6;
}
.pack td a input {
    cursor: pointer;
    font-size: 15px;
    border: none;
    text-transform: uppercase;
}
.pack table tr,.pack table tr td
{
border:1px solid #FFF;
}
.bas {
    background:#cc232a;
    height: 111px !important;
    width: 172px !important;
	color:#fff;
	font-size:22px !important;
}
.pack table td.wb {
    background: none repeat scroll 0 0 #2B54A3;
    color: #FFFFFF;
    font-size: 27px;
}
.sil {
    background: #9fc54c;
    height: 111px !important;
    width: 172px !important;
	color:#fff;
	font-size:22px !important;
}
.gol {
    background: #00acec;
    height: 111px !important;
    width: 172px !important;
	
	color:#fff;
	font-size:22px !important;
}
.plat {
    background:#f7b338;
    height: 111px !important;
    width: 172px !important;
	color:#fff;
	font-size:22px !important;
}
.pack i.fa.fa-shopping-cart {
    display: inline-block;
    font-size: 25px;
    padding: 10px 0 0;
    color: #fff;
}

ul.check li{padding: 0 0 10px 0px; list-style: none;}
ul.check li:before, li.check:before {
    content: "\f00c";
    color: #6db01b;
    padding-right: 5px;
    font-family: FontAwesome;
}



.carousel-inner iframe {
    width: 100%;
    height: 100%;
    min-height: 288px;
}

#foot-main ul.call li a{font-family:Verdana, Geneva, sans-serif;}
.caption a {
    background: #ff6b00;
    padding: 8px 31px;
    display: block;
    float: right;
    border-radius: 20px;
    font-size: 15px;
    z-index: 999999;
    color: #fff;
    margin-top: -40px;
}



video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('../../demosthenes.info/assets/images/polina.html') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}

#polina { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  font-weight:100; 
  background: rgba(0,0,0,0.3);
  color: white;
  padding: 2rem;
  width: 33%;
  margin:2rem;
  float: right;
  font-size: 1.2rem;
}

.wrap {
}
.banner iframe {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
}
.videoWrapper {
    background:#000;
    height:100%;
    width:100%;
    overflow:hidden; /* Hide scrollbars */
}
/*.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}*/
#wrap-player{
    background:#000;
    height:100%;
    width:100%;
    overflow:hidden; /* Hide scrollbars */
}





@charset "UTF-8";
.TabbedPanels {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 100%; }
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	cursor: pointer;
}

.TabbedPanelsTabHover {
}
.TabbedPanelsTabSelected {
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
}
.TabbedPanelsContent {
	overflow: hidden;
	padding: 4px;
}

.TabbedPanelsContentVisible {
}



.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: right;
	width: auto;
	height: auto;
	position: relative;
}
.result-tavs {margin:60px 0 0px 0; padding:0px; position:absolute; right:0px; width:38%;}
.result-tavs h2{padding:0 0 0px 0; color:#000; font-size:30px;}
.result-tavs h3{color:#639812; font-size:20px; padding:0px; font-family: 'myriad_pro_lightbold';}

.result-tavs1 {margin:60px 0 0px 0; padding:0px; position:absolute; width:38%;}
.result-tavs1 h2{padding:0 0 0px 0; color:#000; font-size:30px;}
.result-tavs1 h3{color:#639812; font-size:20px; padding:0px; font-family: 'myriad_pro_lightbold';}


.VTabbedPanels .TabbedPanelsTabGroup1 {
	float: right;
	width: 10em;
	height: 20em;
	position: relative;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background:url(../images/pos-a.png) no-repeat left 8px;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	padding: 0px;
}

/* Styles for Printing */
@media print {
.TabbedPanels {
	overflow: visible !important;
}
.TabbedPanelsContentGroup {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}
.TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear:both !important;
}
.TabbedPanelsTab {
	 overflow: visible !important;
	 display: block !important;
	 clear:both !important;
}
}


.result-cnt {
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}
.result-cnt .result-cnt-img1 {
    background: rgba(0, 0, 0, 0) url(../images/result-imgbg.jpg) no-repeat scroll left top;
    height: 311px;
    margin: 0 0 100px;
    padding: 60px 0 0;
    
}
.result-cnt-img1 .blacktrip {
    background: rgba(0, 0, 0, 0) url(../images/blc-trip.html) repeat scroll left top;
    color: #fff;
    margin: 0;
    padding: 7px 12px 7px 0;
    position: relative;
    text-align: right;
    top: -40px;
    width: 523px;
    z-index: 10;
}
.result-cnt-img2 .blacktrip1 {
    background: rgba(0, 0, 0, 0) url(../images/blc-trip.html) repeat scroll right top;
    color: #fff;
    float: right;
    margin: 0;
    padding: 7px 12px 7px 0;
    position: relative;
    text-align: right;
    top: -40px;
    width: 523px;
    z-index: 10;
}
.result-tav {
    height: auto;
    margin: 90px 0 0;
    padding: 0;
    width: 100%;
}
.result-tav h2, .result-tav1 h2 {
    color: #000;
    font-size: 30px;
    padding: 0 0 10px;
}
.result-tav h3, .result-tav1 h3 {
    color: #639812;
    font-family: "myriad_pro_lightbold";
    font-size: 20px;
    padding: 0;
}
.result-tav1 {
    height: auto;
    margin-top: 90px !important;
    padding: 0;
    width: 370px;
}
.result-cnt .result-cnt-img2 {
    background: rgba(0, 0, 0, 0) url(../images/result-imgbgR.html) no-repeat scroll right top;
    height: 311px;
    margin: 0 0 100px;
    padding: 60px 0 0;
    text-align: right;
    
}
.marg335 {
    margin: 0 0 0 35px;
}
ul.pos {
    float: right;
    list-style: outside none none;
    margin: 155px 70px 0 0;
    padding: 0;
}
ul.pos li {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul.pos li a {
    color: #0e0e0e;
    display: block;
    font-size: 17px;
    list-style: outside none none;
    margin: 0;
    padding: 3px 0 3px 15px;
}
ul.pos li a:hover, ul.pos li a.curent {
    background: rgba(0, 0, 0, 0) url(../images/pos-a.png) no-repeat scroll left 8px;
}
ul.pos1 {
    float: left;
    list-style: outside none none;
    margin: 155px 0 0 5%;
    padding: 0;
}
ul.pos1 li {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul.pos1 li a {
    color: #0e0e0e;
    display: block;
    font-size: 17px;
    list-style: outside none none;
    margin: 0;
    padding: 3px 0 3px 15px;
}
ul.pos1 li a:hover, ul.pos1 li a.curent {
    background: rgba(0, 0, 0, 0) url(../images/pos-a.png) no-repeat scroll left 8px;
}



/* Site Map --------------------------------------------------------------------*/
.sitemap {
	margin:30px 0 20px 0;
	padding:0px;
	width:100%;
}
.sitemap .sitemap_bx1 {
	width:223px;
	height:auto;
	margin:0px 18px 30px 0;
	padding:0px;
}
.sitemap .sitemap_bx2 {
	width:223px;
	height:auto;
	margin:0px 0px 30px 0;
	padding:0px;
}
.sitemap_head {
	background:#0e0e0e;
	margin:0px;
	padding:0px 0 0px 0px;
	width:223px;
}
.sitemap_head .bordr-cl1 {
	border-left:4px solid #f9a11b;
	font-size:14px;
	color:#fff;
	padding:5px 0 5px 10px;
}
.sitemap_head .bordr-cl2 {
	border-left:4px solid #ee2f24;
	font-size:14px;
	color:#fff;
	padding:5px 0 5px 10px;
}
.sitemap_head .bordr-cl3 {
	border-left:4px solid #66b752;
	font-size:14px;
	color:#fff;
	padding:5px 0 5px 10px;
}
.sitemap_head .bordr-cl1 a, .sitemap_head .bordr-cl2 a, .sitemap_head .bordr-cl3 a {
	color:#fff !important;
}
@media(max-width:480px){body{overflow-x:hidden;}}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {
.carousel-inner iframe{height:auto; margin:0px; padding:0px;}
}}


section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}


.read-more-state{ display:none}
.read-more-target{ opacity:0;  max-height:0;  font-size:0;  transition:.25s ease}
.read-more-state:checked ~ .read-more-wrap .read-more-target{ opacity:1;  font-size:inherit;  max-height:999em}
.read-more-state ~ .read-more-trigger:before{ content:'Show more'}
.read-more-state:checked ~ .read-more-trigger:before{ content:'Show less'}
.read-more-trigger{ cursor:pointer;  display:inline-block;  padding:4px 1.5em;  color:#f8f8f8;  font-size:.9em;  line-height:2;  border:1px solid #f8f8f8;  border-radius:.25em;  background:#011627}




/********************************seo sectio*************************/

.google-image{
	float:left;
	width:100%;
	position:relative;
}
.google-image .left-bg{position:absolute; left:0; width:20px; height:100%; background:#fff;}
.google-image img{
	float:left;
	width:100%;
}
.container-table {
  border-collapse: collapse;
  display: table;
  float: right;
  width: 100%;
  margin: 0 0 50px 0;
}
.heading-top {
  color: #fff;
  display: table-row;
  font-size: 13px;
 /* font-weight: bold;*/
  line-height: 36px;
  text-align: center;
  background: #ff6b00;
  width: 100%;
}
.heading-top .col {
  padding: 0 5%;
  width: 40%;
}
.col {
  border: 1px solid #DDD;
  display: table-cell;
  vertical-align: top;
  border-bottom: none;
}
.heading {
  display: table-row;
  font-size: 13px;
 /* font-weight: bold;*/
  line-height: 36px;
  text-align: center;
  background: #064b8e;
  color: #fff;
}
.table-row {
  display: table-row;
  text-align: center;
}
.heading .col {
  padding: 0 10px;
}
.col ul {
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.col ul li {
  width: 90%;
  text-align: left;
  padding: 5px 5%;
  background: #f9f9f9;
  border-bottom: 1px solid #DDD;
  float: left;
}
.container-table:hover {
  box-shadow: 0 2px 8px #ccc;
  cursor: pointer;
  transition: all 0.3s ease-in-out 0s;
}