/*
Theme Name: Mac It
Theme URI: https://wordpress.org/themes/twentythirteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */



.container .sixteen.columns {

    width: 1180px;

}

.container .column, .container .columns {

    display: inline;

    float: left;

   /* margin-left: 10px;

    margin-right: 10px;*/

}

.sep20 {

 float: left;

    height: 20px;

    width: 100%;

	 border-color:#c8c8c8;

}

.container .one-third.column {

    width: 380px;

}

.sep80 {

    height: 80px;

}

.featured-box {

    margin: 0;

}

.ss-broccoli::before, .ss-broccoli.right::after {

    content: "";

}

.featured-desc-2 h3 {

   font-family: "robotolight";

    font-size: 18px;

    font-weight: 300;

}

.featured-desc-2 p {

    font-size: 14px;

	 font-family: "robotolight";

	  line-height: 25px;

}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.main-headline h3 {

    color: #2d3237;

   font-family: "robotolight";

    font-size:40px;

    font-weight: 300;

    margin-top: 30px;

    text-align: center;

}

.circle-2 {

    display: block;

    float: left;

    overflow: hidden;

    position: relative;

    text-align: center;

    transition: all 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;

}



.featured-desc-2 {

    margin: 40px 10px 0 70px;

    text-align: left;

}

.hybirdclouds{background:url(images/back-bg-clouds.jpg) repeat; background-size:cover;  padding: 24px;}

.parghmactexttwo p{ font-size:20px; color: #2d2d2d;  font-family: "robotolight";}

.hybirdclouds-largebox{ background:#f9f9f9; padding-bottom: 35px;}

.bottompargh{background:url(images/back-bg-clouds.jpg) repeat; background-size:cover;

text-align:center; font-size:20px; color:#000; font-family: "robotolight"; padding:30px;  margin-bottom: 5px;}

.amazon-backbg{background:url(images/amazon-backgorund.jpg) repeat; background-size:cover;  padding: 24px;}

.benefitsheading{   color: #2d3237;

    font-family: "robotolight";

    font-size: 32px;

    font-weight: 300;

    margin-top: 30px;

    text-align: center;}

.amazonpargh{ float:left;    margin-top: 70px;}

.amazonpargh span{ padding-bottom:5px;}

.amazonpargh p{    color: #333333;

    font-family: "robotolight";

    font-size: 14px;

    line-height: 22px;

    text-align: center;}

.amazonbottompargh{background-color:black;

background-image:

radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),

radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),

radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px),

radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px);

background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px; 

background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;

text-align:center; font-size:16px; color:#fff; font-family: "robotolight"; padding:25px;  margin-bottom: 5px;}

.windowboxbg{ background-color: #f2f2f1;  float: left;  margin-right: 2% !important;  margin-top: 29px;  min-height: 180px;  width: 48%;}

.iconleft{ float:left; width:21px;  padding-top: 15px;}

.parghwindow{ float:left; width:417px; color:#3f95cb; font-family: "robotolight"; font-size:19px;  padding-left: 11px;  padding-top: 14px;}

.windowicon{ float:left; width:86px;  padding-top: 16px;}

.windowboxbg:nth-child(2){ margin-right:0px;}

.windowboxbg:nth-child(4){ margin-right:0px;}

.main-title { margin: 0 0 20px;}

.main-section h3, .main-section h3 a {

    color: #444444 !important;

}

.main-title h3::after {

      background: #cccccc none repeat scroll 0 0;

    content: "";

    height: 2px;

    left: 0;

    position: absolute;

    top: 34px;

    width: 98%;

}

.main-title h3 span {

    background: #f9f9f9 none repeat scroll 0 0;

    display: inline-block;

    padding: 0 2px 0 0;

    position: relative;

    z-index: 3;

	font-size: 29px;

}

.windowbottompargh{background-color: #006db7;

/*background-image:

repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),

repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),

linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),

linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));

background-size: 70px 120px;*/

text-align:center; font-size:21px; color:#fff; font-family: "robotolight"; padding:25px;  margin-bottom: 5px;}	

.window-backbg{background:rgba(0, 0, 0, 0) url("images/window-bg.jpg") repeat scroll center center / cover ;  padding: 24px; color:#FFF;}

.windowparghmactexttwo p{ font-size:20px; color: #fff;  font-family: "robotolight";}

.linebg{  margin-bottom: 60px; padding-top: 8px;}

.cloudsdisasterheading{ background:rgba(0, 0, 0, 0) url("images/cloud-disaster-recovery-IMG.jpg") repeat center center / cover ; font-size:20px; font-family: "robotolight"; text-align:left; color:#FFF;  padding: 8px;}

.cloudparghmactexttwo{ color:#FFF;}

.cloudparghmac-largebox {background: #f5f9fa none repeat scroll 0 0;  padding-bottom: 35px;}

.cloudparghbg{ background-color:#FFF; border: 8px solid #f5f9fa;  min-height: 330px; margin-top: 19px;}

.cloudparghbg p{ font-size:20px; color:#3a3a38; font-family: "robotolight"; padding:17px 0 0;}

.cloudparghbg img{ padding-top:5px; text-align:center; padding-top:15px;}

.circlebox{ background-color:#060606; border-radius:100%; width:30px; height:30px; font-size:20px; color:#FFF; text-align:center; margin:-16px auto auto;}

.clouddsiasterbottompargh{  background-attachment: scroll;  background-clip: border-box;  background-color: rgba(0, 0, 0, 0);  background-image: url("images/cloud-disaster-recovery-IMG.jpg");    background-origin: padding-box;    background-repeat: repeat;    background-size: cover;  color: #ffffff;

    font-family: "robotolight";  font-size: 20px;  margin-bottom: 5px;  padding: 30px;  text-align: center;}

.hosted-backbg{background:url(images/hosted-backbg.jpg) repeat; background-size:cover;  padding: 24px;}

.parghhosted p{ font-size:21px; color: #fff;  font-family: "robotolight";}

.hostedbox{ background:url(images/hosted-shape1.png) no-repeat;  height:385px;}

.hostedbox2{ background:url(images/hosted-shape2.png) no-repeat; height:385px;}

.hostedbox3{ background:url(images/hosted-shape3.png) no-repeat; height:385px;}

.hostedbox p{ font-size:21px; color:#FFF; font-family: "robotolight"; text-align:center;  padding-top: 35px;}

.hostedbox2 p{ font-size:21px; color:#FFF; font-family: "robotolight"; text-align:center; padding-top: 35px;}

.hostedbox3 p{ font-size:21px; color:#FFF; font-family: "robotolight"; text-align:center; padding-top: 35px;}

.hostedheight{ height:30px; float:left; width:100%;}

.hostedtompargh{background-color:#81c2dc; text-align:center; font-size:16px; color:#fff; font-family: "robotolight"; padding:25px;  margin-bottom: 5px;}







	

	



@media only screen and (min-width:320px) and (max-width:767px){

.subscribe-wrapper .subscribe-background{ margin-top:0px;}	

.subscribe-wrapper h4{font-size: 19px;}

.flex-direction-nav a::before{ display:none;}

.imglogo > span{padding-bottom: 45px;  width: 100%; float:left;}

.servicesbox-one{ margin:0 auto 18px;}

.macheadingtext{font-size: 26px;}

.large-1.logoleft{ width:100%;}

.large-2{width:100%;}

.large-1{width:100%;}

.large-3{width:100%;}

.logotext{ float:left; width:100%;}

.windowboxbg{ width:100%;}

.parghwindow{ width:100%;}

.windowicon { float: left;  padding-top: 16px;  text-align: center;    width: 100%;}

.container .sixteen.columns {width: 100%;}

.linebg > img {width: 100%;}

.container .one-third.column {width: 100%;}

.image-center.animated.fadeInUp { width: 100%;}

.hostedbox{ background:none #3f84c5;  height: 325px; margin-bottom:10px;}

.hostedbox2 {background: #1d72ac none repeat scroll 0 0; height: 336px; margin-bottom:10px;}

.hostedbox3 {background: #3f84c5 none repeat scroll 0 0; height: 346px;}

}

@media only screen and (min-width:768px) and (max-width:1023px){

 header nav li a{ padding:10px 9px;}

	.imglogo > img { min-height: 100px;  width: 100%;}

	.fromright h2{font-size: 31px;}

	.logotext > img { width: 100%;}

	.e-mail{ font-size: 12px;}

	.phonenumber{font-size: 15px;}

	.imglogo{margin: 0 12px;}

	.container .sixteen.columns {width: 100%;}

.linebg > img {width: 100%;}

.container .one-third.column {width: 100%;}

.parghwindow{width: 60%;}



}

@media only screen and (min-width:1024px) and (max-width:1100px){

	header nav li a { padding: 10px 4px;}

	.black-box{top: 209px;}

	.imglogo {margin: 0 16px;  text-align: center;}

	.fromright textarea{ float:left;}

}

/*managed it services*/

.managedheading{ background:rgba(0, 0, 0, 0) url("images/managed-backbg.jpg") repeat center center / cover ; font-size:34px; text-transform:uppercase; font-family: "robotolight"; text-align:center; color:#FFF; margin-top: 16px;   padding:17px;}

.managedclouds-largebox{ background:#f4f6fe; padding-bottom: 35px;}

.managedmactexttwo p{ font-size:20px; color: #fff;  font-family: "robotolight"; text-align:left;   text-transform: none;}

.leftmobile{ float:left; width:352px;  padding-top:33px;}

.rightmanaged{ float:left; width:780px;}

.leftmanaged p{ float:left; font-size:16px; font-family: "robotolight"; color:#5d5b5b;}

.leftmanaged p img{ float:left; padding:0 15px 5px 0; width:8%;}

.leftmanaged {padding-top: 22px;}

.managedbottom{ background-color:#195e7f; text-align:center; font-size:20px; color:#fff; font-family: "robotolight"; padding:30px;  margin-bottom: 5px;}

/*15/2015*/

.infrastructure-backbg{background:url(images/infrastructure-backbg.jpg) repeat; background-size:cover;  padding: 24px;}

.infrastructure p{ font-size:21px; color: #fff;  font-family: "robotolight";}

.infrastructure-largebox{ background:#fff; padding-bottom: 35px;}

.largeboxinfrastructure{ background-color:#f5f6fe; padding:10px; margin-bottom:15px;}

.infrastructuretext{ font-size:27px; color:#17242e; font-family: "robotolight";}

.infrastructurebottom{background-color:#195e7f; text-align:center; font-size:16px; color:#fff; font-family: "robotolight"; padding:25px;  margin-bottom: 5px;}

.largeboxinfrastructure img{ width:81%;}

.backup-backbg{background:url(images/backup-back-bg.jpg) repeat; background-size:cover;  padding: 24px;}

.backup-largebox{ background-color:#FFF; padding:10px; margin-bottom:15px;}

.backbgbox{ background:url(images/rect-shape.png) no-repeat; height:414px;}

.iconbackup1{float: left;   padding-top: 20px;  text-align: center;  width: 92%;}

.backbgbox p{color: #17242e;  float: left;  font-family: "robotolight";  font-size: 25px;  padding-top: 59px;  text-align: center;  width: 94%;}

.backbgboxpadding p{ padding-top:110px;}

.backbgbottom{background-color:#162a34; text-align:center; font-size:16px; color:#fff; font-family: "robotolight"; padding:25px; margin:60px 0 5px 0; }

.software-backbg{background:url(images/software-as-a-service-bg.jpg) repeat; background-size:cover;  padding: 24px;}

.softwareone{background-color: #44ace0;  border: 6px solid #ffffff;  border-radius: 100%;   min-height: 400px;}

.softwareone p{color: #fff; font-family: "robotolight";  font-size:18px;  padding-top: 59px;  text-align: center; line-height:31px;}

.softwareone span{float: left;  padding: 37px 0 36px;  text-align: center;  width: 100%;}

.softwarebottom{background-color:#414e57; text-align:center; font-size:16px; color:#fff; font-family: "robotolight"; padding:25px; margin:60px 0 5px 0; }

.softwaretwo{background-color: #f2f2f1;  border: 6px solid #ffffff;  border-radius: 100%;   min-height: 400px;}

.softwaretwo p{color: #000; font-family: "robotolight";  font-size:18px;  padding-top: 59px;  text-align: center; line-height:31px;}

.softwaretwo span{float: left;  padding: 37px 0 36px;  text-align: center;  width: 100%;}



.ipnvpn-backbg{background:url(images/ipn-bg.jpg) repeat; background-size:cover;  padding: 24px;}

.rectv{ border:2px solid #1281c6; background:url(images/ipv-leftarrow.png) right top no-repeat; float:left; padding: 15px;  margin-top: 34px;}

.rectvtwo{ border:2px solid #ccc; background:#f6f6f6 url(images/ipv-leftarrowtwo.png) right top no-repeat; float:left; padding: 15px;  margin-top: 34px;}

.rectvtwo span{ float: left;  line-height: 166px;  text-align: right;  width: 101px;}

.rectvtwo p{color: #17242e;  float: left;  font-family: "robotolight";  font-size: 19px;  width: 80%;}

.rectv span{ float: left;  line-height: 166px;  text-align: right;  width: 101px;}

.rectv p{color: #17242e;  float: left;  font-family: "robotolight";  font-size: 19px;  width: 80%;}

.ipnvbottom{background-color:#165eb2; text-align:center; font-size:16px; color:#fff; font-family: "robotolight"; padding:25px; margin:60px 0 5px 0; }

.darkfibre-backbg{background:url(images/dark-blue.jpg) repeat; background-size:cover;  padding: 24px;}

.darkfibre-largebg{ background:rgba(0, 0, 0, 0) url("images/dark-fibre-backbg.jpg") repeat fixed center center / cover ; font-size:34px; text-transform:uppercase; font-family: "robotolight"; text-align:center; color:#FFF; padding: 8px;}

.darkicon{ float:left; width:15%;  position: relative;}

.darkpargh{ float:left; width:85%; background-color:#f6f6f6; padding:16px 16px 16px 26px; min-height: 140px;}

.darkpargh p{ font-size:18px; color:#191a1b; font-family: "robotolight"; text-align:left; text-transform:none;}

.darkmb{ margin-bottom:70px;}

.darkfibrebottom{background-color:#409ad2; text-align:center; font-size:16px; color:#fff; font-family: "robotolight"; padding:25px; margin:0px 0 5px 0; }

.intenet-backbg{background:url(images/internet-backbg.jpg) repeat; background-size:cover;  padding: 24px;}

.internet-large{ background-color:#f5f5f5;}

.internetbg{background-color: #ffffff;  border: 6px solid #f5f5f5;  margin-bottom: 25px;  min-height: 198px;  padding-left: 0;}

.internetbg span{ float: left;  margin-bottom: 61px;   width: 87px;}

.internetbg p{  color: #17242e;  font-family: "robotolight";  font-size: 15px;  line-height: 27px;   padding-top: 9px;}

.internetbottom{background-color:#10528e; text-align:center; font-size:16px; color:#fff; font-family: "robotolight"; padding:25px; margin:0px 0 5px 0; }

.enterprise-backbg{background:url(images/Enterprise-background.jpg) repeat; background-size:cover;  padding: 24px;}

.enterprise-largebox{ background-color:#FFF;}

.enterprisetexttwo p{ font-size:20px; color: #fff;  font-family: "robotolight";}

.enterprisepargh{ float:left;    margin-top:130px;}

.enterprisepargh p{color: #333333;  font-family: "robotolight";  font-size:17px;  line-height:27px;  text-align: center; float:left; padding-top: 16px;}

.enterprisebox{ border: 1px solid #000000;  border-radius: 100%;  float: left;  height:69px;  line-height: 68px; text-align: center;  width: 69px;}

.enterprisecircle{ width:69px; margin:0 auto;}

.enterpriseparghlarge{ width:34%; margin:0 auto;}

.enterpriseparghlarge p{color: #333333;  font-family: "robotolight";  font-size: 17px;  line-height: 22px;  text-align: center; float:left; padding-top: 16px;}

.enterprisemt{ margin-top:44px;}

.enterprisebottom{ background-color:#0e78b6;  color: #ffffff;  font-family: "robotolight";  font-size: 16px; margin:35px 0 5px 0;  padding: 25px;  text-align: center;}

.ehternet-backbg{ background-color:#fafafa;}

.ehternet-backbg p{color: #6a6c6d;  font-family: "robotolight";  font-size:20px;  line-height:27px;  text-align:left; float:left; padding-top: 16px;}

.boximgrect{ background-color: #ffffff;  box-shadow: 0 0 9px #cccccc;  margin: 0 auto;  overflow: hidden;  padding: 21px;  text-align: center;  width: 751px;}

.ehternetheight{ height:30px; float:left; width:100%;}



@media only screen and (min-width:320px) and (max-width:767px){

.subscribe-wrapper .subscribe-background{ margin-top:0px;}	

.subscribe-wrapper h4{font-size: 19px;}

.flex-direction-nav a::before{ display:none;}

.imglogo > span{padding-bottom: 45px;  width: 100%; float:left;}

.servicesbox-one{ margin:0 auto 18px;}

.macheadingtext{font-size: 26px;}

.large-1.logoleft{ width:100%;}

.large-2{width:100%;}

.large-1{width:100%;}

.large-3{width:100%;}

.logotext{ float:left; width:100%;}

.windowboxbg{ width:100%;}

.parghwindow{ width:100%;}

.windowicon { float: left;  padding-top: 16px;  text-align: center;    width: 100%;}

.container .sixteen.columns {width: 100%;}

.linebg > img {width: 100%;}

.container .one-third.column {width: 100%;}

.image-center.animated.fadeInUp { width: 100%;}

.hostedbox{ background:none #3f84c5;  height: 325px; margin-bottom:10px;}

.hostedbox2 {background: #1d72ac none repeat scroll 0 0; height: 336px; margin-bottom:10px;}

.hostedbox3 {background: #3f84c5 none repeat scroll 0 0; height: 346px;}

.leftmobile{ width:100%;}

.rightmanaged {float: left; width: 100%;}

.leftmanaged p img{ width: 25%;}

.softwareone{ border-radius:0px; margin-bottom:20px;}

.largeboxinfrastructure img { margin-bottom: 13px;  margin-top: 13px;   width: 100%;}

.infrastructuretext{font-size: 22px;}

.backbgbox {background:none;  border: 5px solid #1281c6;  height: 414px;  margin-bottom: 15px;}

.iconbackup1{ width:100%; text-align:center;}

.softwaretwo{ border-radius:0px; margin-bottom:20px;}

.rectv p{width: 51%;}

.rectv{ background:rgba(0, 0, 0, 0) url("images/ipv-leftarrow.png") no-repeat scroll right top;}

.rectv span{ text-align:right; float:right; width: 99px;}

.rectvtwo p{width: 51%;}

.rectvtwp{ background:rgba(0, 0, 0, 0) url("images/ipv-leftarrowtwo.png") no-repeat scroll right top;}

.rectvtwo span{ text-align:right; float:right; width: 99px;}

.darkicon{ width:82px;}

.darkpargh{padding: 16px 16px 16px 18px;  width:62%;  margin-bottom: 15px;}



}

@media only screen and (min-width:768px) and (max-width:1023px){

 header nav li a{ padding:10px 9px;}

	.imglogo > img { min-height: 100px;  width: 100%;}

	.fromright h2{font-size: 31px;}

	.logotext > img { width: 100%;}

	.e-mail{ font-size: 12px;}

	.phonenumber{font-size: 15px;}

	.imglogo{margin: 0 12px;}

	.container .sixteen.columns {width: 100%;}

	.linebg > img {width: 100%;}

	.container .one-third.column {width: 100%;}

	.parghwindow{width: 60%;}

	.rightmanaged {float: left;  width: 100%;}

}

@media only screen and (min-width:1024px) and (max-width:1100px){

	 header nav li a { padding: 10px 4px;}

	.black-box{top: 209px;}

	.imglogo {margin: 0 16px;  text-align: center;}

	.fromright textarea{ float:left;}

}
@media only screen and (min-width:320px) and (max-width:767px){

.subscribe-wrapper .subscribe-background{ margin-top:0px;}	

.subscribe-wrapper h4{font-size: 19px;}

.flex-direction-nav a::before{ display:none;}

.imglogo > span{padding-bottom: 45px;  width: 100%; float:left;}

.servicesbox-one{ margin:0 auto 18px;}

.macheadingtext{font-size: 26px;}

.large-1.logoleft{ width:100%;}

.large-2{width:100%;}

.large-1{width:100%;}

.large-3{width:100%;}

.logotext{ float:left; width:100%;}

.windowboxbg{ width:100%;}

.parghwindow{ width:100%;}

.windowicon { float: left;  padding-top: 16px;  text-align: center;    width: 100%;}

.container .sixteen.columns {width: 100%;}

.linebg > img {width: 100%;}

.container .one-third.column {width: 100%;}

.image-center.animated.fadeInUp { width: 100%;}

.hostedbox{ background:none #3f84c5;  height: 325px; margin-bottom:10px;}

.hostedbox2 {background: #1d72ac none repeat scroll 0 0; height: 336px; margin-bottom:10px;}

.hostedbox3 {background: #3f84c5 none repeat scroll 0 0; height: 346px;}

.leftmobile{ width:100%;}

.rightmanaged {float: left; width: 100%;}

.leftmanaged p img{ width: 25%;}

.softwareone{ border-radius:0px; margin-bottom:20px;}

.largeboxinfrastructure img { margin-bottom: 13px;  margin-top: 13px;   width: 100%;}

.infrastructuretext{font-size: 22px;}

.backbgbox {background:none;  border: 5px solid #1281c6;  height: 414px;  margin-bottom: 15px;}

.iconbackup1{ width:100%; text-align:center;}

.softwaretwo{ border-radius:0px; margin-bottom:20px;}

.rectv p{width: 51%;}

.rectv{ background:rgba(0, 0, 0, 0) url("images/ipv-leftarrow.png") no-repeat scroll right top;}

.rectv span{ text-align:right; float:right; width: 99px;}

.rectvtwo p{width: 51%;}

.rectvtwp{ background:rgba(0, 0, 0, 0) url("images/ipv-leftarrowtwo.png") no-repeat scroll right top;}

.rectvtwo span{ text-align:right; float:right; width: 99px;}

.darkicon{ width:82px;}

.darkpargh{padding: 16px 16px 16px 18px;  width:62%;  margin-bottom: 15px;}

.amazonpargh > img { width: 100%;}

.boximgrect{ width:100%;}

.boximgrect > img {width: 100%;}



}

@media only screen and (min-width:509px) and (max-width:767px){

	.darkicon { width: 82px;}

	.darkpargh { margin-bottom: 15px;  padding: 16px 16px 16px 18px;  width: 81%;}

}



@media only screen and (min-width:768px) and (max-width:1023px){

 header nav li a{ padding:10px 9px;}

	.imglogo > img { min-height: 100px;  width: 100%;}

	.fromright h2{font-size: 31px;}

	.logotext > img { width: 100%;}

	.e-mail{ font-size: 12px;}

	.phonenumber{font-size: 15px;}

	.imglogo{margin: 0 12px;}

	.container .sixteen.columns {width: 100%;}

	.linebg > img {width: 100%;}

	.container .one-third.column {width: 100%;}

	.parghwindow{width: 60%;}

	.rightmanaged {float: left;  width: 100%;}

	.backbgbox {background:none;  border: 5px solid #1281c6;  height: 414px;  margin-bottom: 15px;}

	.backbgbox{ height: 274px;}

	.iconbackup1{ width:100%;}

	.backbgbox p{ width:100%;}

	.darkicon{ width:82px;}

	.darkpargh{width: 599px; min-height: 160px;  margin-bottom: 22px;}

	.hostedbox{ background:none #3f84c5;  height: 325px; margin-bottom:10px;}

.hostedbox2 {background: #1d72ac none repeat scroll 0 0; height: 336px; margin-bottom:10px;}

.hostedbox3 {background: #3f84c5 none repeat scroll 0 0; height: 346px;}

.leftmobile {float: left;  padding-top: 33px;  width: 32%;}

.leftmobile > img {width: 100%;}

.rightmanaged {float: left;  width: 68%;}

}

@media only screen and (min-width:1024px) and (max-width:1100px){

	 header nav li a { padding: 10px 4px;}

	.black-box{top: 209px;}

	.imglogo {margin: 0 16px;  text-align: center;}

	.fromright textarea{ float:left;}

	.backbgbox {background:none;  border: 5px solid #1281c6;  height: 414px;  margin-bottom: 15px;}

	.backbgbox{ height: 274px;}

	.iconbackup1{ width:100%;}

	.backbgbox p{ width:100%;}

	.darkicon{ width: 80px;}

	.darkpargh{margin-bottom: 15px;  min-height: 160px;}

	.enterprisepargh p{ width:100%;}

	.enterprisemt {margin-top: 44px;  text-align: center;   width: 100%;}

	.hostedbox{ background:none #3f84c5;  height: 325px; margin-bottom:10px;}

.hostedbox2 {background: #1d72ac none repeat scroll 0 0; height: 336px; margin-bottom:10px;}

.hostedbox3 {background: #3f84c5 none repeat scroll 0 0; height: 346px;}

.image-center.animated.fadeInUp { width: 70%;}

.container .one-third.column {width: 313px;}

.rectv span{ float:right;}

.leftmobile {float: left;  padding-top: 33px;  width: 32%;}

.leftmobile > img {width: 100%;}

.rightmanaged {float: left;  width: 68%;}

.parghwindow{width: 73%;}

}

/*182015*/

.network-backbg{background:url(images/network-backbg.jpg) repeat; background-size:cover;  padding: 24px;}

.network-backbgtwo p{ font-size:20px; color: #fff;  font-family: "robotolight";}

.networkheading{color:#fff;  font-family: "robotolight";  font-size: 32px;  font-weight: 300;  margin-top: 30px; text-align: center;}

.network-largebg{ background:rgba(0, 0, 0, 0) url("images/network-center-bg.jpg") repeat fixed center center / cover ; font-size:34px; text-transform:uppercase; font-family: "robotolight"; text-align:center; color:#FFF; padding:8px 8px 60px;}

.listnetwork ul li{background: rgba(0, 0, 0, 0) url("images/right-arrow-internet.png") no-repeat scroll left 38px; color: #5392be; font-family: "robotolight";

    font-size: 20px;  list-style: outside none none;  margin: 0; padding:25px 0 0 35px;   text-align: left;  text-transform: none;}

.networkbottompargh{background-color:#5392bf; text-align:center; font-size:16px; color:#fff; font-family: "robotolight"; padding:25px;  margin-bottom: 5px;}

.penetration-backbg{background:url(images/penetration-testing-top-bg.jpg) repeat; background-size:cover;  padding: 24px;}

.penetration-backbgtwo p{ font-size:20px; color: #fff;  font-family: "robotolight";}

.penetration-largebg{ background:rgba(0, 0, 0, 0) url("images/penetration-testing-largebg.jpg") repeat fixed center center / cover ; font-size:34px; text-transform:uppercase; font-family: "robotolight"; text-align:center; color:#FFF; padding:8px 8px 60px;}

.penetrationbox p{ color:#fff; font-size:18px; font-family: "robotolight"; text-align:center; text-transform:none;}

.penetrationbox img{ padding-bottom:10px;}

.penetrationbox {border-right: 1px solid #cccccc;   margin-bottom:0px;   min-height: 280px;  padding: 22px;}

.penetrationbox span{ float: left; padding-top: 43px;  width: 100%;}

.penetrationheading{color: #fff;  font-family: "robotolight";  font-size: 32px;  font-weight: 300;  margin-top: 30px;  text-align: center;}

.br{ border-right:none;}

.fl{ float:left;}

.security-consulting-backbg{background:url(images/security-consulting-top-bg.jpg) repeat; background-size:cover;  padding: 24px;}

.security-consulting-largebg{ background:rgba(0, 0, 0, 0) url("images/security-consulting-center-bg.jpg") repeat  center top / cover ; font-size:34px; text-transform:uppercase; font-family: "robotolight"; text-align:center; color:#FFF; padding:8px 8px 60px;}



.securitylist{  float:left; padding-top: 41px;}

.securitylist span{float: left;  padding-bottom: 15px;  width: 100px;}

.securitylist p{color: #ffffff;  font-size: 19px; margin: 0;  padding: 0;  text-align: left; text-transform: none;}

.securitylistbottompargh {background-color: #5f676d; color: #ffffff;  font-family: "robotolight";  font-size: 16px;  margin-bottom: 5px;  padding: 25px; text-align: center;}

.rectv p:nth-child(2) { margin: 0;  width: 101px;}

.rectvtwo > p:nth-child(2) { margin: 0;  width: 101px;}

.hosted-cloud-backbg{background:url(images/hosted-cloud-top-bg.jpg) repeat; background-size:cover;  padding: 24px;}

.hosted-cloud-largebg{ background:rgba(0, 0, 0, 0) url("images/hosted-cloud-centerpart.jpg") repeat  center top / cover ; font-size:34px; text-transform:uppercase; font-family: "robotolight"; text-align:center; color:#FFF; padding:8px 8px 60px;}

.hostedcloudlist ul{ margin:0px; padding:17px 0 0;}

.hostedcloudlist ul li{ background: rgba(0, 0, 0, 0) url("images/hosted-cloud-icon1.png") no-repeat scroll left 6px; color: #ffffff; font-size: 19px; list-style: outside none none;  margin: 0 0 24px;  padding: 0 0 0 27px;  text-align: left;  text-transform: none;}

.hostedcloudlistbottompargh {background-color: #14212f; color: #ffffff;  font-family: "robotolight";  font-size: 16px;  margin-bottom: 5px;  padding: 25px; text-align: center;}

.iptel-backbg{background:url(images/ip-tel-backbgcenter.jpg) repeat; background-size:cover;  padding:24px 24px 67px;}

.iptel-list ul{ margin:0px; padding:0px;}

.iptel-list ul li{ background: rgba(0, 0, 0, 0) url("images/ip-tel-icon-arrow.png") no-repeat scroll left 10px;  color: #ffffff;  font-family: "robotolight";

    font-size: 19px;  list-style: outside none none;  margin-left: 0;  margin-right: 0;  margin-top: 55px;  padding: 0 0 0 35px;}



.video-consulting-largebg{ background:rgba(0, 0, 0, 0) url("images/video-conferencing-bg.jpg") repeat  center top / cover ; font-size:34px; text-transform:uppercase; font-family: "robotolight"; text-align:center; color:#FFF; padding:8px 8px 0;}

.rightvideo{ background-color:#2f669a; padding:10px;}

.videoleft{ float:left;}

.rightvideo p{color: #ffffff;  float: left;  font-size: 19px;  padding-left: 23px;  padding-top: 17px;  text-align: left;  text-transform: none;}

.rightvideo img{padding-right: 7px;}

.data-cabling-largebg{ background:rgba(0, 0, 0, 0) url("images/data-cabling-center-bg.jpg") repeat  center top / cover ; font-size:34px; text-transform:uppercase; font-family: "robotolight"; text-align:center; color:#FFF; padding:8px 8px 0;}

.bluebox{ background-color:#44ace0; padding:5px 5px 40px;}

.bluebox h1{ font-size:32px; color:#FFF; font-family: "robotolight"; text-transform:uppercase;}

.bluebox p{ color: #ffffff;  font-family: "robotolight";  font-size: 18px;  margin-top: 0;  padding: 18px 13px 0 22px;  text-align: left;  text-transform: none;}

#triangle-down {border-left: 25px solid rgba(0, 0, 0, 0); border-right: 25px solid rgba(0, 0, 0, 0);  border-top: 29px solid #ffffff;  height: 0; margin: -6px auto auto;

    width: 0;}

.bluebox img {padding-right: 6px;}	

.data-cabling-backbg{background:url(images/data-cabling-backbg.jpg) repeat; background-size:cover;  padding: 24px;}

.data-cablingbottom {background-color: #1f5ca5; color: #ffffff;  font-family: "robotolight";  font-size: 16px;  margin-bottom: 5px;  padding: 25px; text-align: center;}

ul.datalist{ margin:0px; padding:0px; float:left;} 

ul.datalist li{  background: rgba(0, 0, 0, 0) url("images/rect-arrow.png") no-repeat scroll left 4px;  color: #ffffff;  font-family: "robotolight";  font-size: 18px;

    list-style: outside none none;  margin: 15px 0 0;  padding:0 6px 35px 22px;  text-align: left;  text-transform: none;} 

.itservices-largebox {background-color: #f2f2f2;  padding: 10px;}

.col-boxes{ width:100%; background-color: #f2f2f2;}

.itmr{ margin-left:0px; margin-right:0px;}

.itservice-box{ padding-left:0px; padding-right:0px;}

.itservice-box1{ background-color:#908f8f; width:100%; font-size:20px; color:#FFF;  font-family: "robotolight"; padding: 34px;  line-height: 32px;   min-height: 324px;}

.itservice-box2{ background-color:#5b5858; width:100%; font-size:20px; color:#FFF;  font-family: "robotolight"; padding: 34px;  line-height: 32px; min-height: 324px;}

.system-largebox {background-color: #fff;  padding: 10px;}

.systemdesign-backbg{background:url(images/system-back-bg.jpg) repeat; background-size:cover;  padding: 24px;}

.systembox1{ background-color:#22a1c4; padding:16px; min-height: 491px;}

.systembox1 ul{ margin:0px; padding:0px;}

.systembox1 ul li{ margin:0px; padding:21px 0 0 24px; list-style:none;  font-family: "robotolight"; font-size:20px; color:#FFF;  background: rgba(0, 0, 0, 0) url("images/rect-arrow.png") no-repeat scroll left 28px;}

.systembox3{ background-color:#1c71ab; padding:16px; min-height: 491px;}

.systembox3 ul{ margin:0px; padding:0px;}

.systembox3 ul li{ margin:0px; padding:21px 0 0 24px; list-style:none;  font-family: "robotolight"; font-size:20px; color:#FFF;  background: rgba(0, 0, 0, 0) url("images/rect-arrow.png") no-repeat scroll left 28px;}

.systembox2{ padding:0px;}

.systembox2 img{ width:100%;}

#triangle-downtwo { border-left: 25px solid rgba(0, 0, 0, 0);  border-right: 25px solid rgba(0, 0, 0, 0);  border-top: 29px solid #ffffff;  height: 0;

    margin: -16px auto auto;  width: 0;}

.project-backbg{background:url(images/project-back-g.jpg) repeat; background-size:cover;  padding: 24px;}

.projectbox3 {background-color: #1c71ab;  min-height: 467px;  padding: 16px;}

.projectbox3 ul{ margin:0px; padding:15px 0 0;}

.projectbox3 ul li{ margin:0px; padding:21px 0 0 24px; list-style:none;  font-family: "robotolight"; font-size:20px; color:#FFF;  background: rgba(0, 0, 0, 0) url("images/rect-arrow.png") no-repeat scroll left 28px;}

.projectboxbottompargh {background-color: #6ab3c6; color: #ffffff;  font-family: "robotolight";  font-size: 16px;  margin-bottom: 5px;  padding: 25px; text-align: center;}

.cloudparghbgtwo {

    background-color: #ffffff;

    border: 8px solid #3f95cb;

    margin-top: 19px;

    min-height: 340px;

}

.cloudparghbgtwo p{ font-size:20px; color:#3a3a38; font-family: "robotolight"; padding:17px 0 0;}

.cloudparghbgtwo img{ padding-top:5px; text-align:center; padding-top:15px;}

.hardware-largebox {background-color: #fff;  padding:0px;}

.hardwarepargh { margin-top: 19px;}

.hardwarepargh p{ font-size:17px; color:#3a3a38; font-family: "robotolight"; padding:17px 25px 0 0;}

/*.hardwarepargh img{ padding-top:5px; text-align:center; padding-top:15px;}*/

.migration-largebox {background-color: #f6f6f6; padding:10px 10px 40px;}

.migrationbottom { background-color: #414e57;  color: #ffffff;  font-family: "robotolight";  font-size:17px;  margin:0px 0 5px;  padding: 25px;  text-align: center;}

@media only screen and (min-width:320px) and (max-width:767px){

.subscribe-wrapper .subscribe-background{ margin-top:0px;}	

.subscribe-wrapper h4{font-size: 19px;}

.flex-direction-nav a::before{ display:none;}

.imglogo > span{padding-bottom: 45px;  width: 100%; float:left;}

.servicesbox-one{ margin:0 auto 18px;}

.macheadingtext{font-size: 26px;}

.large-1.logoleft{ width:100%;}

.large-2{width:100%;}

.large-1{width:100%;}

.large-3{width:100%;}

.logotext{ float:left; width:100%;}

.windowboxbg{ width:100%;}

.parghwindow{ width:100%;}

.windowicon { float: left;  padding-top: 16px;  text-align: center;    width: 100%;}

.container .sixteen.columns {width: 100%;}

.linebg > img {width: 100%;}

.container .one-third.column {width: 100%;}

.image-center.animated.fadeInUp { width: 100%;}

.hostedbox{ background:none #3f84c5;  height: 325px; margin-bottom:10px;}

.hostedbox2 {background: #1d72ac none repeat scroll 0 0; height: 336px; margin-bottom:10px;}

.hostedbox3 {background: #3f84c5 none repeat scroll 0 0; height: 346px;}

.leftmobile{ width:100%;}

.rightmanaged {float: left; width: 100%;}

.leftmanaged p img{ width: 25%;}

.softwareone{ border-radius:0px; margin-bottom:20px;}

.largeboxinfrastructure img { margin-bottom: 13px;  margin-top: 13px;   width: 100%;}

.infrastructuretext{font-size: 22px;}

.backbgbox {background:none;  border: 5px solid #1281c6;  height: 414px;  margin-bottom: 15px;}

.iconbackup1{ width:100%; text-align:center;}

.softwaretwo{ border-radius:0px; margin-bottom:20px;}

.rectv p{width: 51%;}

.rectv{ background:rgba(0, 0, 0, 0) url("images/ipv-leftarrow.png") no-repeat scroll right top;}

.rectv span{ text-align:right; float:right; width: 99px;}

.rectvtwo p{width: 51%;}

.rectvtwp{ background:rgba(0, 0, 0, 0) url("images/ipv-leftarrowtwo.png") no-repeat scroll right top;}

.rectvtwo span{ text-align:right; float:right; width: 99px;}

.darkicon{ width:82px;}

.darkpargh{padding: 16px 16px 16px 18px;  width:62%;  margin-bottom: 15px;}

.amazonpargh > img { width: 100%;}

.boximgrect{ width:100%;}

.boximgrect > img {width: 100%;}

.network-largebg img {width: 100%;}

.penetrationbox{ border-right:none;}

.fl > img { width: 100%;}

.security-consulting-largebg img { width: 100%;}

.securitylist img { width: auto;}

.hostedcloudlist ul li{ background:rgba(0, 0, 0, 0) url("images/hosted-cloud-icon1.png") no-repeat scroll left 46px;}

.hosted-cloud-largebg img {width: 100%;}

.videoleft{ float:none;}

.videoleft > img { width: 100%;}

.rightvideo{ min-height: 1460px;}

.dataimg img{width: 100%;}

.bluebox{min-height: 1060px;}

}

@media only screen and (min-width:509px) and (max-width:767px){

	.darkicon { width: 82px;}

	.darkpargh { margin-bottom: 15px;  padding: 16px 16px 16px 18px;  width: 81%;}

}



@media only screen and (min-width:768px) and (max-width:1023px){

 header nav li a{ padding:10px 9px;}

	.imglogo > img { min-height: 100px;  width: 100%;}

	.fromright h2{font-size: 31px;}

	.logotext > img { width: 100%;}

	.e-mail{ font-size: 12px;}

	.phonenumber{font-size: 15px;}

	.imglogo{margin: 0 12px;}

	.container .sixteen.columns {width: 100%;}

	.linebg > img {width: 100%;}

	.container .one-third.column {width: 100%;}

	.parghwindow{width: 60%;}

	.rightmanaged {float: left;  width: 100%;}

	.backbgbox {background:none;  border: 5px solid #1281c6;  height: 414px;  margin-bottom: 15px;}

	.backbgbox{ height: 274px;}

	.iconbackup1{ width:100%;}

	.backbgbox p{ width:100%;}

	.darkicon{ width:82px;}

	.darkpargh{width: 599px; min-height: 160px;  margin-bottom: 22px;}

	.hostedbox{ background:none #3f84c5;  height: 325px; margin-bottom:10px;}

.hostedbox2 {background: #1d72ac none repeat scroll 0 0; height: 336px; margin-bottom:10px;}

.hostedbox3 {background: #3f84c5 none repeat scroll 0 0; height: 346px;}

.leftmobile {float: left;  padding-top: 33px;  width: 32%;}

.leftmobile > img {width: 100%;}

.rightmanaged {float: left;  width: 68%;}

.penetrationbox{  min-height: 420px;}

.fl > img { width: 100%;}

.rightvideo {min-height: 700px;}

.bluebox{min-height: 550px;}

}

@media only screen and (min-width:1024px) and (max-width:1100px){

	 header nav li a { padding: 10px 4px;}

	.black-box{top: 209px;}

	.imglogo {margin: 0 16px;  text-align: center;}

	.fromright textarea{ float:left;}

	.backbgbox {background:none;  border: 5px solid #1281c6;  height: 414px;  margin-bottom: 15px;}

	.backbgbox{ height: 274px;}

	.iconbackup1{ width:100%;}

	.backbgbox p{ width:100%;}

	.darkicon{ width: 80px;}

	.darkpargh{margin-bottom: 15px;  min-height: 160px;}

	.enterprisepargh p{ width:100%;}

	.enterprisemt {margin-top: 44px;  text-align: center;   width: 100%;}

	.hostedbox{ background:none #3f84c5;  height: 325px; margin-bottom:10px;}

.hostedbox2 {background: #1d72ac none repeat scroll 0 0; height: 336px; margin-bottom:10px;}

.hostedbox3 {background: #3f84c5 none repeat scroll 0 0; height: 346px;}

.image-center.animated.fadeInUp { width: 70%;}

.container .one-third.column {width: 313px;}

.rectv span{ float:right;}

.leftmobile {float: left;  padding-top: 33px;  width: 32%;}

.leftmobile > img {width: 100%;}

.rightmanaged {float: left;  width: 68%;}

.parghwindow{width: 73%;}

}


.flexslider ul li:nth-child(5) .large-8 {  
  left: 662px !important;
}
.flexslider ul li:nth-child(3) .large-8 {  
  left: 622px !important;
}
.flexslider ul li:nth-child(1) img {  
  height: 393px !important;
}