/****************************************Google-fonts**********************************************************/

/****************************Oswald-font************************************/
/*@import url(http://db.onlinewebfonts.com/c/8dece29a87d3dd3a60cac0023952f1ac?family=Oswald);*/
/*
      www.OnlineWebFonts.Com 
      You must credit the author Copy this link on your web 
      <div>Font made from <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>is licensed by CC BY 3.0</div>
      OR
      <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>
*/
@font-face {font-family: "Oswald";
    src: url("http://db.onlinewebfonts.com/t/8dece29a87d3dd3a60cac0023952f1ac.eot"); /* IE9*/
    src: url("http://db.onlinewebfonts.com/t/8dece29a87d3dd3a60cac0023952f1ac.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("http://db.onlinewebfonts.com/t/8dece29a87d3dd3a60cac0023952f1ac.woff2") format("woff2"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/8dece29a87d3dd3a60cac0023952f1ac.woff") format("woff"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/8dece29a87d3dd3a60cac0023952f1ac.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("http://db.onlinewebfonts.com/t/8dece29a87d3dd3a60cac0023952f1ac.svg#Oswald") format("svg"); /* iOS 4.1- */
}

/****************************Sans-serif-font************************************/
@import url(http://db.onlinewebfonts.com/c/f5511239c72c70ba62b013979a9259c2?family=Times+Sans+Serif);
@font-face {font-family: "Times Sans Serif";
    src: url("http://db.onlinewebfonts.com/t/f5511239c72c70ba62b013979a9259c2.eot");
    src: url("http://db.onlinewebfonts.com/t/f5511239c72c70ba62b013979a9259c2.eot?#iefix") format("embedded-opentype"),
    url("http://db.onlinewebfonts.com/t/f5511239c72c70ba62b013979a9259c2.woff") format("woff"),
    url("http://db.onlinewebfonts.com/t/f5511239c72c70ba62b013979a9259c2.ttf") format("truetype"),
    url("http://db.onlinewebfonts.com/t/f5511239c72c70ba62b013979a9259c2.svg#Times Sans Serif") format("svg");
}
/****************************Arimo-font************************************/
@import url(http://db.onlinewebfonts.com/c/61b544857df9ad5266379c06f3076e38?family=Arimo);
@font-face {font-family: "Arimo";
    src: url("http://db.onlinewebfonts.com/t/61b544857df9ad5266379c06f3076e38.eot");
    src: url("http://db.onlinewebfonts.com/t/61b544857df9ad5266379c06f3076e38.eot?#iefix") format("embedded-opentype"),
    url("http://db.onlinewebfonts.com/t/61b544857df9ad5266379c06f3076e38.woff") format("woff"),
    url("http://db.onlinewebfonts.com/t/61b544857df9ad5266379c06f3076e38.ttf") format("truetype"),
    url("http://db.onlinewebfonts.com/t/61b544857df9ad5266379c06f3076e38.svg#Arimo") format("svg");
}

/****************************Raleway-font************************************/
@import url(http://db.onlinewebfonts.com/c/6e4a9679e65cc320746c3e5d48e51f28?family=Raleway);

@font-face {font-family: "Raleway";
    src: url("http://db.onlinewebfonts.com/t/6e4a9679e65cc320746c3e5d48e51f28.eot");
    src: url("http://db.onlinewebfonts.com/t/6e4a9679e65cc320746c3e5d48e51f28.eot?#iefix") format("embedded-opentype"),
    url("http://db.onlinewebfonts.com/t/6e4a9679e65cc320746c3e5d48e51f28.woff") format("woff"),
    url("http://db.onlinewebfonts.com/t/6e4a9679e65cc320746c3e5d48e51f28.ttf") format("truetype"),
    url("http://db.onlinewebfonts.com/t/6e4a9679e65cc320746c3e5d48e51f28.svg#Raleway") format("svg");
}

body {background: #e0e3ec url("../images/bg.png") repeat scroll left top; overflow-x: hidden; margin:0; padding-top:125px; font-family: "Raleway" }
a, a:hover, a:focus { text-decoration:none; transition:all 400ms ease; }
.np { padding:0; }
.header-wrap { margin:0; padding:0; width:100%; position:fixed; top:0; left:0; z-index:9; background: #FFFFFF; border-bottom: 1px solid #DDDDDD;}
.top-header {padding:10px 0; width:100%; background:#8F0100; //font-family: "Times Sans Serif" }
.top-header .info { margin:5px 0 0; padding:0; color:#fff; font-size:14px;}
.top-header .info li i, .top-header .info li a { margin-right:5px; display:inline-block; color:#fff; }
.top-header .social { margin:0; padding:0; float:right; }
.top-header .social li input[type=text] { margin:0; padding:5px 25px 5px 5px; border:none; outline:none; box-shadow:none; }
.top-header .social li input[type=image] { margin:0; padding:0; position:relative; left:-25px; top:1px; outline:none; border:none; box-shadow:none; }
.top-header .social li a { color:#fff; }
.navt { background-color:#fff; border-bottom: solid 2px #BB0C0C; }
#my-nav { margin:0; padding:12px 0; border:none; font-family: "Raleway"; background-color: #fff; }
#my-nav-list li a { color:#000; border:solid 1px transparent;  }
#my-nav-list li a:hover { color:#BB0C0C;  }
#category { margin:0; padding:40px 0; width:100%; border-bottom:solid 1px #e8e8e8;  overflow:hidden; }
#category h1 { margin:0 0 15px; padding:0; font-size:26px; text-transform:uppercase; color:#000; font-weight:bold; text-align:center; }
#category h3 { margin:15px 0; padding:0; font-size:24px; color:#5f6a6c; text-align:center; }
.category-iconBox { margin:45px 0 0; padding:0; text-align:center; }
.category-icon .apps { margin:0 auto; padding:0; background:url(../images/apps.png) 0 0 no-repeat; height:75px; width:75px; position:relative; top:25px; }
.category-icon .globe { margin:0 auto; padding:0; background:url(../images/globe.png) 0 0 no-repeat; height:75px; width:75px; position:relative; top:25px; }
.category-icon .soft { margin:0 auto; padding:0; background:url(../images/SoftwareIcon.png) 0 0 no-repeat; height:75px; width:75px; position:relative; top:25px; }
.category-icon .service { margin:0 auto; padding:0; background:url(../images/Service-Desk.png) 0 0 no-repeat; height:75px; width:75px; position:relative; top:25px; }
.category-icon:hover { background-color:transparent; border:solid 1px #BB0C0C; transition:all 400ms ease; }
.category-icon:hover .apps { background:url(../images/apps-hover.png) 0 0 no-repeat; transition:all 400ms ease; }
.category-icon:hover .globe { background:url(../images/globe-hover.png) 0 0 no-repeat; transition:all 400ms ease; }
.category-icon:hover .soft { background:url(../images/soft-hover.png) 0 0 no-repeat; transition:all 400ms ease; }
.category-icon:hover .service { background:url(../images/service-hover.png) 0 0 no-repeat; transition:all 400ms ease; }
.category-icon { margin:0 auto; padding:0; height:130px; width:130px; background-color:#BB0C0C; border-radius:50%; border:solid 1px transparent;     cursor: pointer; }
.category-icon > img { margin:0 auto; padding:0; display:block; position:relative; top:25px; }
.category-iconBox > h4 { margin:20px 0 0; padding:0; font-size:16px; text-align:center; text-transform:uppercase; line-height:1.4;color:#000; }
.category-iconBox > p { margin:0; padding:15px 0; font-size:14px; color:#98a1aa; line-height: 1.8; } 
.category-iconBox > span { margin:0 0 0 -30px; display:block webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 18px; line-height: 24px; font-weight: bold; color: #39464f; text-transform: none; text-shadow: none; padding: 0 0 0 25px; background: 0 5px no-repeat; }
.category-iconBox > span > a:hover { color:#BB0C0C; }
#service { margin:0; padding:40px 0; width:100%; }
#service > .container > .row { margin:0 0 0 15px; }
#service h2 { margin:0 0 15px -10px; padding:0; font-size:26px; font-weight: bold; color:#000; }
.border-red { margin:0; padding:0; }
.border-red img { margin:0 auto; display:block; }
.service-iconArea { margin-top:20px; padding:0; text-align:left; color:#000; }
.service-iconArea h3 { margin:0 0 10px; padding:0; font-size:20px; }
.service-iconArea .icons-bg { margin:0; padding:0; text-align:center; }
.service-iconArea i { margin:0; padding-top:17px; display:block; font-size: 24px; color: #fff; width:60px; height:60px; background:#8F0100; border-radius:50%; border:solid 1px transparent; }
.service-iconArea i:hover { background-color:#fff; color:#BB0C0C; border:solid 1px #BB0C0C; transition:all 400ms ease; cursor:pointer; } 
.service-iconArea p { margin:0 ; padding:0; line-height:1.5; font-size:14px; color:#000; }
#parallex-bg { margin:0; padding:70px 0 40px; background:url(../images/datacenter.jpg) 0 130px no-repeat; background-attachment:fixed; width:100%; height:390px; text-align:center; background-size: cover; }
#parallex-bg h1 { margin:0; padding:0; font-size:40px; color:#fff; font-weight:bold; }
#parallex-bg h1 > span { color:#BB0C0C; font-weight:bold; }
#parallex-bg p { margin:30px 0; padding:0; color:#fff; font-size:20px; line-height:1.7; }
#parallex-bg p > a { padding:5px 12px; display:inline-block; color:#fff; background-color:#8F0100; border:solid 1px transparent; }
#parallex-bg p > a i { font-size:12px; margin-left:5px; display:inline-block; }
#parallex-bg p > a:hover { background:transparent; color:#fff; transition:all 400ms ease; border:solid 1px #fff; }
#scroller { margin:0; padding:40px 0; //background:#fff; text-align:center; }
#scroller h2 { margin:0 0 15px 15px; padding:0; font-size:26px; text-align:left; font-weight: bold; color:#000; }
#scroller h4 { margin:15px 0 35px 15px; padding:0; font-size:20px; text-align:left; font-weight: bold; color:#999; }
#scroller .thumb { margin:0 0 25px 0; padding-bottom:10px; border:1px solid #eee; }
#scroller .thumb > img { width:100%; } 
#scroller .thumb > h3 { margin:10px 0; padding:0px 10px; font-size:24px; color:#000; text-align:left; }
#scroller .thumb > p { margin:0 0 5px; padding: 0 10px; text-align:left; color:#999; font-size:14px;  }
#scroller .thumb > p > a{ margin:0; padding:0 0px 0 25px; background:url(../images/read-more-red.png) 0 0 no-repeat; font-size:16px; color:#8F0100; }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { display: inline-block; margin-left: 20px;  border: solid 1px #BB0C0C; color: #BB0C0C; padding: 6px 10px; background: #8F0100; }
.owl-dots { display:none !important; }
#marketing { margin:0; padding:40px 0; width:100%; overflow:hidden; }
#marketing h2 { margin:0 0 15px; padding:0; font-size:26px; text-align:left; font-weight: bold; color:#000; }
#marketing h6 { margin:15px 0 15px; padding:0; font-size:14px; text-align:left; color:#999; }
.marketing-box { margin:30px 0 0; padding:0;     color: #000; }
.marketing-box img { margin: 0 0 ; padding:0; display:block; }
.marketing-box > h4 { margin:15px 0 15px; padding:0; font-size:20px; text-align:left; font-weight: bold; color:#000; }
.marketing-box ul{     margin-left: 15px; list-style-type:disc; }
.marketing-box > p { margin:15px 0 15px; padding:0; font-size:16px; text-align:left; color:#999; }
.marketing-comp { margin:0; padding:0; } 
.marketing-comp img { margin:0; padding:0; position:relative; right:90px; top: 40px;  } 
#marketing p > a { margin:30px 0 0; padding:8px 12px; border:solid 1px #8F0100; background-color:#8F0100; color:#fff; font-size:16px; display:inline-block; }
#marketing p > a i { font-size:12px; margin-left:5px; display:inline-block; }
#marketing p > a:hover { border:solid 1px #8F0100; background-color:transparent; color:#8F0100; box-shadow: 3px 5px 3px #CECECE;  }
#client {  margin:0; padding:40px 0; width:100%; overflow:hidden; }
#client h2 { margin:30px 0 0 0; padding:0; font-size:32px; color: #8F0100; border-right: solid 2px #000;}
#footer-top { margin:0; padding:40px 0; background-color:#21262C; //border-top:solid 3px #BA0C0B; }
.footer-links { margin: 0; padding:0; }
.footer-links h3 { margin:0 0; padding:0 0 15px 0; color:#fff; font-size:18px; text-transform:uppercase; border-bottom:solid 1px #7F7F7F;  }
.footer-links > ul { margin:20px 0 10px; padding:0; }
.footer-links > ul > li > a { color:#ccc; display:block; text-transform:uppercase; font-size:12px; line-height:1.8; }
.footer-links > ul > li > a:hover { color:#fff; }
.footer-links > ul.social-icons { margin:0; padding:0; }
.footer-links > ul.social-icons > li { padding:0; }
.footer-links > ul.social-icons > li > a { display:inline-block; padding:10px 15px; background-color:#fff; color:#000; }
.footer-links > ul.social-icons > li > a:hover { background-color:#BB0B0D; color:#fff; transition:all 400ms ease; }
.footer-comment { margin:0; padding:0; }
.footer-comment h3 { margin:0 0; padding:0 0 15px 0; color:#fff; font-size:18px; text-transform:uppercase; border-bottom:solid 1px#7F7F7F; }
.footer-comment > ul { margin: 0 0; line-height: 1.6; }
.footer-comment p{ margin:20px 0 0 0; color:#ccc; font-size:14px; line-height: 1.6;  }
.footer-comment p > b { color:#fff; }
/* .footer-comment > ul > li { margin:25px 0 0; padding:0 0 0 40px; background:url(../images/footer-dot.png) 0 0 no-repeat; color:#fff; list-style: none;} */
.footer-comment > ul > li { margin:10px 0 0; padding:0; color:#fff; list-style: none;}
.footer-comment > ul > li span { margin:0 5px 0 0; padding:0; display:inline-block; }
.footer-comment > ul > li i { font-weight:normal; font-size:12px; color:#97989A; display:block;    font-style: normal; }
.footer-comment > ul > li em { font-weight:normal; font-size:12px; color:#BB0B0D; display:block;    font-style: normal; }
.footer-posts { margin:0; padding:0; }
.footer-posts h3 { margin:0 0; padding:0 0 15px 0; color:#fff; font-size:18px; text-transform:uppercase; border-bottom:solid 1px #7F7F7F;  }
.footer-comment > form { margin-top:20px; }
.footer-comment > form > input[type=text]{ margin:0; padding:8.5px 10px; width:80%; background:transparent; float:left; font-size:14px; border: solid 1px #999; outline: none; box-shadow:none; color:#fff; }
.footer-comment > form > input[type=image] { outline: none; box-shadow:none; }
.footer-posts ul { margin:25px 0 0; padding:0; width:100%; }
.footer-posts ul li { margin:0 0 10px; padding:0px 0 0px 10px; background:#8F0100; height:80px; }
.footer-posts ul li div { float:left; padding:10px 0; }
.footer-posts ul li div h6 { margin:0 0 5px; padding:0 0 5px; font-size:12px; color:#fff; border-bottom:solid 1px #CC3E3E; }
.footer-posts ul li div p { margin:0; padding:0; color:#F3DFDE; font-size:13px; }
.footer-posts ul li div p i { margin-right:5px; }
.footer-posts ul li img { float:right; position:relative; width:80px; height:80px; }
.footer-posts ul li span { position:relative;  bottom: -30px; right: -102px; padding:5px 10px; background:#BB0B0D; color:#fff; z-index:2; }
.footer-features { margin:0; padding:0; }
.footer-features h3 {  margin:0 0; padding:0 0 10px 0; color:#fff; font-size:18px; text-transform:uppercase; border-bottom:solid 1px #7F7F7F;  }
.footer-features ul { margin:30px 0 0; padding:0; width:100%; color:#fff; }
.footer-features ul li { margin:0 0 5px; padding:0 0 5px; font-size:13px; line-height:1.6; border-bottom: solid 1px #333; }
#copyright { margin:0; padding:20px 0; background-color:#1D2027;     border-top: solid 1px #333; }
#copyright p { margin:0; padding:0; color:#7e8075; font-size:12px; text-align:center; }
#copyright p a { color:#ba0c0d; }
#slidy-container {width:100%; margin:0 auto; background-size: cover; border-bottom: 2px solid #BB0C0C; overflow: hidden; background: transparent url(../images/banner_bg1.jpg) no-repeat 0% 20% /cover; margin-top: 36px;}


@media only screen and (max-width: 1200px) and (min-width: 992px) {
	body {background: #e0e3ec url("../images/bg.png") repeat scroll left top; overflow-x: hidden;}
	.da-slider { height:420px; width:100%;}
	.da-slide h2 { font-size:32px ; width: 65%; }
	.da-slide p { font-size:16px;  width: 65%; }
	.da-slide h2 span {    font-size: 18px;	}
	.da-slide .da-img img {    position: relative;    left: -190%;    width: 100%; }
}

@media only screen and (max-width: 991px) and (min-width: 768px){
	body {background: #e0e3ec url("../images/bg.png") repeat scroll left top; overflow-x: hidden; }
	.da-slider { height:380px; width:100%;}
	.da-slide .da-img img {     width: 60%; top: -35px; left:-170%; }
	.da-slide h2 {  width: 75%;  font-size:28px;    }
	.da-slide p { width: 75%; font-size:16px;     }
	#client h2 { font-size:26px; }
	.service-iconArea i { padding-top: 15px; font-size: 22px; width: 50px;  height: 50px;}
	.footer-comment > form > input[type="text"] { width: 70%; }
	.footer-posts ul li img {    width: 50px;    height: 50px;    top: -33px; }
	.footer-posts ul li span { right: -126px; top: -26px; }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
	body {background: #e0e3ec url("../images/bg.png") repeat scroll left top; padding-top: 73px; overflow-x: hidden; }
	.top-header{display:none; }
	.da-slider { height:420px; background-size:contain; background-repeat: repeat; width:100%; }
	.da-slide h2 { font-size:28px ; width: 83%; }
	.da-slide p { font-size:14px;  width: 83%; }
	.da-slide h2 span {    font-size: 14px;	}
	.da-slide .da-img img {    position: relative;    left: -200%;    width: 70%; top:-50px; }
	.top-header .social {    margin: 10px 0;    float: left;}
	#service { margin:0 auto; width:90%; }
	#parallex-bg {padding-top:150px; height: 550px;  }
	.marketing-comp img { right:0; }
}

@media only screen and (max-width: 479px) {
	body {background: #e0e3ec url("../images/bg.png") repeat scroll left top; padding-top: 73px; overflow-x: hidden;}
	.top-header{display:none; }
	.header-wrap {min-width:100%; max-width:100%; overflow: hidden; }
	.da-slider { height:350px; background-size:contain; background-repeat: repeat; position:relative;     width: 100%; }
	.da-slide h2 { font-size:5vw;  width: 93%;    top: 95px; }
	.da-slide p { font-size:11px; width: 93%;     top: 100px; }
	.da-slide h2 span {    font-size: 9px;	}
	.da-slide .da-img img {    position: relative;    left: -220%;    width: 50%; top: -80px; }
	.top-header .social {    margin: 10px 0;    float: left; }
	.social li:first-child { width:150px; }
	.top-header .social li input[type=text] { width:80%; }
	.da-slide p a { margin-top:10px; padding:5px 10px; }
	.da-arrows span { display:none; }
	.da-dots { display:none; }
	#parallex-bg { padding-top:150px;  height: 810px;  }
	#service { margin:0 auto; width:90%;}
	.service-iconArea i { padding-top: 15px; font-size: 22px; width: 50px;  height: 50px;}
	.marketing-comp img {    margin: 0;    padding: 0;    position: relative;    right: 0px !important;    top: 30px !important; max-width: 100%!important;}
}