/*
Theme Name: CWS
Theme URI: http://www.capacitywebsolutions.com/
Author: Capacity Web Solutions
Author URI: http://www.capacitywebsolutions.com/
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.0
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, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
3Text 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.
*/

/*** Reset ** @see http://git.io/normalize * ------------------------------------------------*/


@import url(//fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i);

form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; }

button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;  }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { padding: 0; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow: auto; vertical-align: top; }

table {  border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
caption { font-size: 16px; margin: 20px 0; }
th { font-weight: bold; text-transform: uppercase; }
td {  padding: 6px 10px 6px 0; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background: url(images/dotted-line.png) repeat center top; background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; }

li{  }

.input-text{ width: 100%; border: 2px solid #d9d9d9; border-radius: 50px; background-color: #fff; height: 55px; padding-left: 28px; font-size:16px; text-transform: uppercase; color: inherit; max-width: 385px; margin-bottom: 15px; box-shadow:none; }
.input-submit{ font-size:16px; font-weight: normal; text-transform: uppercase; text-decoration: none; color: #fff; background-color: #fc7200; padding: 10px 20px; border-radius: 50px; border: none; margin-top: 3px; }
.input-submit:hover{ background-color:#ff3b00; transition:0.7s; }

/*** 2.0 Repeatable Patterns *---------------------------------------------------------------------------- */

/* Form fields, general styles first. */
/*button, input, textarea, select { color:#444; font-family:inherit; padding:5px; border:1px solid #d2d1d1; box-shadow:1px 1px 1px 0 #e2e2e2; border-radius:3px; }*/
input:focus, textarea:focus { color:#222; border:1px solid #b3b2b2; outline:0; box-shadow:1px 1px 3px 0 #b3b2b2; }

/* Buttons */
/*button, input[type="submit"], input[type="button"], input[type="reset"], .button { color:#fff; font:600 16px 'Open Sans'; 
	display:inline-block; padding:6px 15px; text-decoration:none; text-transform:uppercase; background:#fc7200; border:0px none; border-radius:4px; }
button:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:hover,
input[type="reset"]:hover { background:#ff5a00; }*/
a.button { text-decoration:none; }
a.button:hover { color:#ea9629; text-decoration:none; }

.su-button-center a.bigButton { margin-bottom:20px; }
a.bigButton { border:5px solid #fff !important; box-shadow:0px 3px 7px 0 rgba(0,0,0,0.41); }
a.bigButton:hover { box-shadow:0px 3px 9px 0 rgba(0,0,0,0.55); }
a.bigButton.su-button-style-glass span { font-weight:600; border:1px solid rgba(0,0,0,0.30) !important; text-shadow:1px 1px 1px rgba(0,0,0,0.50) !important; }

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder { color:#7d7b6d; }
:-moz-placeholder { color:#7d7b6d; }
::-moz-placeholder { color:#7d7b6d; }
:-ms-input-placeholder { color:#7d7b6d; }

/* Make sure videos and embeds fit their containers. */
embed, iframe, object, video { max-width:100%; }
.entry-content .twitter-tweet-rendered { max-width:100% !important; }

/* Images */
.alignleft, .fl { float:left; }
.alignright, .fr { float:right; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.cl { clear:both; }

.tar { text-align:right; }
.tac { text-align:center; }

img.alignleft { margin:5px 20px 5px 0; }
.wp-caption.alignleft { margin: 5px 10px 5px 0; }
img.alignright { margin: 5px 0 5px 20px; }
.wp-caption.alignright { margin: 5px 0 5px 10px; }
img.aligncenter { margin: 5px auto; }
img.alignnone { margin: 5px 0; }

.wp-caption .wp-caption-text,
.entry-caption, .gallery-caption { color:#220e10; font-size:18px; font-style:italic; font-weight:300; }

img.wp-smiley, .rsswidget img { border:0; border-radius:0; box-shadow:none; margin-bottom:0; margin-top:0; padding:0; }

.wp-caption.alignleft + ul, .wp-caption.alignleft + ol  { list-style-position:inside; }


/* Footer Sections */
#footerOuter { color:#333; font-size:13px; line-height:18px; clear:both; }
.ftrTop{ padding:70px 0px; border-bottom:2px solid #fc7300; }
.footer span{ font-size: 16px; font-weight: normal; color: #232323; }
.footer h6.title { font-size:30px; font-weight: normal; text-transform: uppercase; color: #002654; margin: 0 0 20px 0; }
.footer a.blog { font-size:20px; font-weight: normal; color: #fc7200; text-transform: uppercase; text-decoration: none; margin: 0; }
.footer a.blog:hover { color:#cb2600; text-decoration:none; }
.my-class{ margin-top:15px; }
.foot2Set, .foot3Set { clear:both; }
.foot2Set { display:none; }

.ftrBtm { padding:55px 0px; }
.ftrBtm  h6.title{ margin-bottom:10px; }
.qLinks{ float:left; }
.qLinks .menu { float:left; }
.qLinks .menu li a{ font-size: 15px; font-weight: normal; color: #222222; text-decoration: none; line-height:29px; }
.column-2{ float:left; margin:45px 0 0 2.5%; } 
.qLinks .menu li a:hover{ color:#fc7200; transition:0.7s; }

.box.contact{ float:left; width: 26.666666666666668%; margin-left: 4.167%; }

.latestNews{ float: left;  width: 40.5%; }
.newsletter-subscription{ float:left; width: 31.916666666666664%; margin-left: 3.083%; }
.box.socials{ float:left; text-align: center; width: 23%; margin-left: 1.5%; }
.ftrSocial{ padding-bottom:20px; }
.ftrSocial ul{ list-style:none; }
.ftrSocial ul li{ display:inline-block; text-align:center; margin-right:3%; width:60px; }
.ftrSocial ul li .ftrSocialIcon{ margin-bottom:5px; }
.ftrSocial ul li:last-child{ margin-right:0; }
.ftrSocial ul li a{ font-size:24px; color: #002654; background-color:#fff; border:2px solid #dadada; border-radius:50px; display:inline-block; line-height:47px; width:50px; height:50px; text-decoration:none; }
.ftrSocial ul li a:hover{ background-color:#fc7200; color:#fff; border-color:#fc7200; }
.ftrSocial ul li span{ font-size:14px; font-weight:normal; color:#222222; }
.rating{ border-top:2px solid #dadada; padding-top:20px; text-align:left; }
.rating span.projectRate{ font-size:16px; color:#222222; }

.latestNews .text { font-size: 16px; font-weight: normal; color: #232323; margin: 5px 0 35px 0; line-height: 23px; }
.latestNews .text * { font-size:100%; }
a.ourBlog{ font-size: 16px; font-weight: normal; text-transform: uppercase; text-decoration: none; color: #fff; background-color: #fc7200; padding: 10px 20px; border-radius: 50px; }
a.ourBlog:hover{ color:#fff; background-color:#ff3b00; transition:0.7s; }

.box.contact p { font-size: 15px; font-weight: normal; color: #222222; margin: 0; line-height:29px; padding-left:25px; }
.box.contact p span{  }
.box.contact p.location{ position:relative; }
.box.contact p.location:before{ content: "\f041"; font-family: 'FontAwesome'; font-size: 15px; font-weight: normal; color: #fc7200; position: absolute; left: 0; }

.box.contact p.phone{ position:relative; }
.box.contact p.phone:before{ content: "\f095"; font-family: 'FontAwesome'; font-size: 15px; font-weight: normal; color: #fc7200; position: absolute; left: 0; }

.box.contact p.mail{ position:relative; }  
.box.contact p.mail:before{ content: "\f0e0"; font-family: 'FontAwesome'; font-size: 15px; font-weight: normal; color: #fc7200; position:absolute; left:0; } 

.clientBase { float: left; width: 23.5%; margin-left: 3%; }
.clientBase p{ font-size: 15px; font-weight: normal; color: #222222; margin: 0; line-height: 29px; }
.newsletter .input-text { margin:5px 0 10px; }
.alo_easymail_widget_ok { color:#448700; margin:3px 0; }
.alo_easymail_widget_error { color:#f00; margin:3px 0; }
.hdrsocials{ padding:5px 0 0 60px; }
.hdrsocials a { display:inline-block; margin-right:10px; text-decoration:none; }
.hdrsocials a:before { color:#002654; font-size:16px; line-height:33px; height:32px; width:32px; text-align:center; display:block; margin:0 auto 6px; background-color:#fff; border-radius:35px; border: 2px solid #dadada;  }
.hdrsocials a:hover { color:#fff; }
.hdrsocials a:hover:before { background-color:#ff7e00; border-color:#fc7200; color:#fff; }

.copy { color:#fff; padding:20px 0; font-size:16px; background:url(images/ftr-btm-dots.jpg) repeat; background-size:5px; text-align:center; line-height:28px; }
.dmca { float:right; padding-top:7px; }

.scrollup { text-decoration:none; display:none; width:40px; height:40px; text-align:center; opacity:0.3; position:fixed; bottom:2px; right:2px; background-color:#000; }
.scrollup:before { color:#fff; font-size:25px; line-height:40px; text-decoration:none; }
.scrollup:hover { opacity:0.7; }

a.contactBut { color:#fff; font-size:18px; font-weight:700; text-decoration:none; text-align:center; text-transform:uppercase; display:inline-block; padding:10px 15px;
	background-color:#ff7e00; border:5px solid #fff; box-shadow:0 0 3px rgba(0,0,0,0.40); width:160px; position:fixed; top:30%; right:-64px; z-index:999;
	-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); display:none;  }
a.contactBut:hover { background-color:#333; }



#content { padding:0 0 0.78%; }
.blogPages #content { float:left; width:68%; }
#sideBar { float:right; width:28%; }
.sidebar-container .widget_tag_cloud h3.widget-title{ border-bottom: 1px solid #ccc;  }
.tagcloud{ padding-top:15px; }

h1.pageTitle { color:#fff; font-size:60px; font-weight:normal; line-height:70px; letter-spacing:-1px; margin:0 0 25px 0; text-shadow:1px 1px 1px rgba(0,0,0,0.3); }
h1.pageTitle.single{ color:#fc7200; font-size:40px; }


/* About us in home page */

.homeAbout{ padding:100px 0; background:url(images/choose-dot.jpg) repeat #e5e9ee; background-size:5px; }

#homeAbout .about { float:left; width:63%; line-height:21px; margin-bottom:20px; }

.aboutInfo{ margin-top:50px; }
.aboutText { overflow:hidden; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.aboutText.showMore { height:auto; }
.whyChoose { float: left; margin-right: 4%; width: 29.75%;  }
.whyChoose li { font-size: 18px; font-weight: 500; color: #222222; margin-bottom:27px; }
.whyChoose li:last-child{ margin:0; }
.whyChoose li:before { content: "\f00c"; font-family: 'FontAwesome'; font-size:16px; color: #fc7200; border:2px solid #fc7200; border-radius: 50px; padding: 5px; margin-right: 10px; }

.down-arrow{  }
.aboutText{ height:125px; overflow:hidden; display:block; width:100%; }
#more{ text-align:center; cursor:pointer; margin-top:40px; }
#more a{ color: #fff;
font-size: 22px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
background-color: #fc7200;
padding: 15px 30px;
border-radius: 50px; }
#more a:hover { background-color:#ff3b00; transition:0.7s; }
#more a:after{ content:"\f078"; font-family: 'FontAwesome'; color:#fff; margin-left:10px; }
.testimonialVideo { float:left; width:31%; }
.testimonialVideo .video { position:relative; }
.testimonialVideo a { text-decoration:none; }
.testimonialVideo a .fa { color:#fff; font-size:25px; line-height:50px; text-align:center; position:absolute; top:50%; left:50%; margin:-25px 0 0 -35px; width:70px; height:50px; background-color:#D80003; border-radius:12px; }
.testimonialVideo a:hover .fa { color:#fff; background-color:#000; }
.testiVideo { display:none; }

.widget{ float:left; width:31%; margin-left:3%; border: 2px solid #bdcada; }

.userSection{ margin-top:85px; text-align:center; }
.userSection ul{ list-style:none; margin:0; padding:0; }
.userSection ul li{ display:inline-block; width:27%; margin-right:7%; }
.userSection ul li:nth-child(2){ width:24%; }
.userSection ul li:last-child{ width:25%; }
.userSection ul li:last-child{ margin:0; }
.userSection ul li .users{ float:left; }
.userSection ul li .userIcon{ background-color:#fc7200; height:90px; width:90px; border-radius:50px; line-height:86px; text-align:center; }
.userSection ul li .userIcon .icon{ font-size:40px; color:#fff; }
.userSection ul li .userText{ float:left; margin:20px 0 0 8%; text-align:left; text-transform:uppercase; }
.userSection ul li .label { font-size:40px; font-weight: 500; color: #002654; }
.userSection ul li p { font-size:18px; font-weight: 500; color: #002654; padding-top:10px; }


/* Our Process in home page */
#ourProcess { clear:both; padding:20px 0; background-color:#eef3f9; border-bottom:1px solid #d4e1f2; text-align:center; }
#ourProcess h5 { color:#0660ae; margin-bottom:15px; }
#ourProcess li.trans { font-size:1.0625rem; font-weight:600; float:left; width:20%; padding-bottom:10px; text-transform:uppercase; position:relative; cursor:pointer; }
#ourProcess li .img { margin:0 auto; max-width:166px; padding:45px; position:relative; margin-bottom:10px; }
#ourProcess li .round { display:block; margin:0 auto; width:100%; height:100%; position:absolute; top:0; left:0; background-size:100%; background-repeat:no-repeat; }
#ourProcess li:hover { color:#0660ae; }
#ourProcess li:hover .round { -webkit-transform:rotate(90deg); -moz-transform:rotate(280deg); -ms-transform:rotate(-90deg); -o-transform: rotate(-90deg); }
#ourProcess li.Concept .round { background-image:url(images/concept-round.png); }
#ourProcess li.Plan .round { background-image:url(images/plan-round.png); }
#ourProcess li.Design .round { background-image:url(images/design-round.png); }
#ourProcess li.Develop .round { background-image:url(images/develop-round.png); }
#ourProcess li.Maintain .round { background-image:url(images/maintain-round.png); }

#ourProcess li .points { width:240px; margin-left:-120px; padding:10px; position:absolute; top:100%; left:50%; display:none;
	background-color:#fff; border:2px solid #108cb4; border-radius:6px; box-shadow:2px 2px 4px rgba(0,0,0,0.3); }
#ourProcess li .points:after, #ourProcess li .points:before { bottom:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
#ourProcess li .points:after { border-color:rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:8px; margin-left:-8px; }
#ourProcess li .points:before { border-color:rgba(238, 238, 238, 0); border-bottom-color:#108cb4; border-width:10px; margin-left:-10px; }
#ourProcess li .points li { color:#444; font-size:14px; text-transform:capitalize; padding:5px; border-top:1px dotted #ccc; }
#ourProcess li .points li:first-child { border-top:0 none; }

#ourProcess li.Plan .points { border-color:#ff862d; }
#ourProcess li.Plan .points:before { border-bottom-color:#ff862d; }
#ourProcess li.Design .points { border-color:#9d68cf; }
#ourProcess li.Design .points:before { border-bottom-color:#9d68cf; }
#ourProcess li.Develop .points { border-color:#59b012; }
#ourProcess li.Develop .points:before { border-bottom-color:#59b012; }
#ourProcess li.Maintain .points { border-color:#f77575; }
#ourProcess li.Maintain .points:before { border-bottom-color:#f77575; }

/* magento Volusion in home page */
.ourExperties{ padding:80px 0px; }

.secTitle.tac{ text-transform:capitalize; margin-bottom:30px; }
.partner { float:left; background-color:#fff; padding: 40px 15px 41px 15px; text-align:center; width:31.666666666666664%; margin-right:2.5%; }
.partner.first{ background-color:#ff3b00; }
.partner:nth-child(3){ border:5px solid #77ac12; padding-bottom:31px; }
.partner:nth-child(3) p{ color:#222222; }
.partner:last-child{ background-color:#4b71fc; margin-right:0; }
.partner .logo { text-align:center; padding-bottom:10px; }
.partner h6 { font-size: 30px; font-weight: normal; color: #000; text-transform: uppercase; margin: 30px 0 20px 0; } 
.partner p { font-size: 16px; font-weight: normal; color: #fff; margin: 0 0 44px 0; line-height: 24px; }
.partner a{ font-size:18px; font-weight: normal; color: #ff3b00; background-color: #fff; text-decoration: none; padding: 10px 60px; text-transform: uppercase; border-radius: 50px; }
.partner:nth-child(3) a{ background-color:#77ac12; color:#fff; }
.partner:last-child a{ padding: 10px 30px; color: #4b71fc; }
.partner:hover a{ background-color:#000; color:#fff; }
.partner:nth-child(3):hover{ border-color:#002654; }
.partner:nth-child(3):hover p{ color:#fff; transition:0.7s; }
.partner:hover h6{ color:#fff; transition:0.7s; }

/* hvr-bounce-to-bottom */

.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#002654;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Our Work in home page */
.recentWorks { background:url(images/work-background.jpg) no-repeat bottom; background-size:cover; padding:40px 0 65px 0;  text-align:center;  }
.recentWorks h5.secTitle { color:#fff; text-shadow:1px 1px 1px #333; margin-bottom:30px; }
.recentWorks .wrapper { position:relative; }

ul.portfList li.item { float:left; margin:0 27px 20px 0; width:auto; }
ul.portfList li a { position:relative; display:block; box-shadow: 0 0 8px rgba(0,0,0,0.4); }
ul.portfList li .name { color:#fff; position:absolute; left:0; bottom:0; width:100%; overflow:hidden; background-color:rgba(255,102,0,0.9); display:none; transition:none; height:100%; }
ul.portfList li .name .search-bar{ background:url(images/serach-bar.png) no-repeat center; display:inline-block; width:62px; height:64px; }
ul.portfList li .name .inner { position:absolute; width:100%; top:35%; left:0; display:inline-block; text-align:center; }
ul.portfList li .name .inner .pName { display:block; margin:10px 0; font-size:30px; line-height:30px; text-transform:uppercase; }
ul.portfList li .name .text { display:block; margin:5px 0 10px; }
ul.portfList li .name p{ font-size:16px; color:#002654; }
ul.portfList li.item img{  } 

#workSlider { position:relative; overflow:hidden; }
#workSlider ul { position:relative; width: 20000em; }
#workSlider ul.portfList li.item { }

.recentWorks .arw { color:#fff; text-decoration:none; display:block; text-align:center; position:absolute; top:50%; opacity:0.3; }
.recentWorks .arw:before { font-size:30px; }
.recentWorks .arw:hover { opacity:0.6; }
.recentWorks .work-prev { left:-32px; }
.recentWorks .work-next { right:-32px; }

.workLink{ margin:40px 0 10px 0; }
.workLink a{ color: #fff; font-size: 24px; font-weight: normal; text-transform: uppercase; text-decoration: none; background-color: #fc7200; padding: 15px 45px; border-radius: 50px; }
.workLink a:hover{ background-color:#ff3b00; transition:0.7s; border-color:#ff3b00; }

/* hover-effect */

@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #fc7200 solid 3px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  border-radius:50px;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
  border-color:#ff3b00;
}


/* Testimonial List in inner page */
.ourClients{ padding:150px 0px; background:url(images/client-background.jpg) no-repeat top center; background-size:cover; }

.homeTestimonial h5.secTitle{ margin:0; }

#testimList { position:relative; }
#testimList .testiBox { padding:30px 60px 37px ; position:relative; border-bottom:2px solid #efefef; }
#testimList .testiBox:before, #testimList .testiBox:after { color:#dcdbdb; font-size:40px; position:absolute; }
#testimList .testiBox:before { content:'\f10d'; left:3px; top:32px; }
#testimList .testiBox:after { content:'\f10e'; right:3px; bottom:37px; }

.testiBox .photo { text-align:center; }
/*.testiBox .photo:after, .testiBox .photo:before { left:100%; top:25px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.testiBox .photo:after { border-color: rgba(238, 243, 249, 0); border-left-color: #eef3f9; border-width: 8px; }
.testiBox .photo:before { border-color: rgba(212, 225, 242, 0); border-left-color: #d4e1f2; border-width: 9px; }*/
.testiBox .details { font-size:18px; font-style:italic; color: #222222; line-height: 34px; margin-top:20px; text-align:center; position:relative; padding:0 100px; }
.testiBox .details:before{ content:" "; background:url(images/quotes-start.png) no-repeat left center; height:60px; width:90px; position:absolute; top:0; left:0; }
.testiBox .details:after{ content:" "; background:url(images/quotes-end.png) no-repeat left center; height:60px; width:90px; position:absolute; top:0; right:0; }

.testiBox .photo .clientPic{ display:inline-block; }
.testiBox .photo .clientPic img{ border-radius:50%; width:179px; height:179px; }

#testimList .testiBox .details { font-size:0.9375rem; line-height:1.375rem; }
.testiBox .details p { margin-bottom:15px; font-size:18px; color:#222222; }
.testiBox .review { margin-bottom:10px; }
.testiBox .details span{ font-style:normal; font-weight:500; }

/* Testimonials in home page */
.homeTestimonial { clear:both; padding:25px 0 30px; }
.homeTestimonial .testiBox { padding:30px 0px; position:relative; }
/*.homeTestimonial .testiBox:before, .homeTestimonial .testiBox:after { color:#dcdbdb; font-size:70px; position:absolute; top:50%; margin-top:-40px; }
.homeTestimonial .testiBox:before { content:'\f10d'; left:10px; }
.homeTestimonial .testiBox:after { content:'\f10e'; right:10px; }*/


/* portfolioOutter */

.portfolioOutter  #logoDesign{ margin-top:30px; }


.portfolioCat { clear:both; padding:30px 0; }
.portfolioCat h2.title { color:#0660ae; font-weight:300; font-size:2.2rem; margin-bottom:20px; text-align:center; }
.portfolioCat h2.title .more { font-size:14px; display:none; }
.portfolioCat ul.portfList { max-width:1200px; margin:0 auto; }


.entry-content h5 { color:#0660ae; font-weight:400; margin:25px 0 15px; }
.entry-content h6 { color:#ff8400; margin-bottom:10px; }
.entry-content h4 { font-size:1.25rem; font-weight:600; margin:20px 0 15px; } 
.entry-content ul { list-style-type:disc; margin:5px 0 15px 20px; }
.entry-content ul li{ margin-bottom:5px; }
.entry-content ol { list-style-type:decimal; margin:5px 0 15px 20px; }
.entry-content pre, .entry-content code { display: block; border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; margin: 24px 0; margin: 1.714285714rem 0; overflow: auto; padding: 24px; padding: 1.714285714rem; }

/* form */
.entry-content ul.fieldSet{ list-style:none; }
ul.fieldSet li .field{ float:left; width:48%; margin-right:2%; }
ul.fieldSet li .field.details{ width:100%; }
ul.fieldSet li .field.details .wpcf7-text{ width:100%; }
ul.fieldSet li .field.details .wpcf7-textarea{ width:100%; }
.wpcf7 li{ clear:both; }
.wpcf7 li:nth-child(2){ margin-right:0; }
.wpcf7 li:nth-child(4){ margin-right:0; }
.wpcf7 li .field{ margin-bottom:15px; }
.wpcf7 li .field label{ display:block; color:#444; font-weight:500; }
.wpcf7 b{ color:#444; }
.wpcf7-form-control-wrap{ display:block;  }
.wpcf7 li .wpcf7-select{ height:30px; width:100%; padding-left:15px; }
.wpcf7 li .wpcf7-text{ height:30px; padding-left:15px; }
.wpcf7 li .wpcf7-quiz{ height:30px; width:15%; }
.wpcf7 li .wpcf7-submit{ border:none; border-radius:50px; background-color:#fc7200; padding:10px 30px; font-weight:600; text-transform:uppercase; color:#fff; }  
.wpcf7 li .wpcf7-submit:hover{ background-color:#ff3b00; transition:0.7s; }
#requestQuote{ padding:15px; } 
#requestQuote h3{ color:#fc7200; }
.wpcf7 li.action{ margin-top:15px; }
#requestQuote ul.fieldSet li .project { width:100%; }
#requestQuote textarea {  width:100%; }
/*

#requestQuote .describeProject{ padding-right:15px; }
 margin-bottom:15px; }  
#requestQuote li.fields .field{ float:left; width:46%; margin-right:2%; }
#requestQuote li.fields .field:last-child{  }
#requestQuote li.fields .wpcf7-select{ width:100%; height:30px; }
#requestQuote li.fields .wpcf7-text{ height:30px; }
#requestQuote li.captcha .wpcf7-quiz{ height:30px; width:100px; margin-top:15px; }

#requestQuote li .wpcf7-submit{ border:none; border-radius:50px; background-color:#fc7200; padding:10px 30px; font-weight:600; text-transform:uppercase; color:#fff; } 
#requestQuote li .wpcf7-submit:hover{ background-color:#ff3b00; transition:0.7s; }
#requestQuote li.captcha .wpcf7-form-control-wrap{ clear:left; }  

/** Home page section ***/
.home2box { font-size:14px; line-height:17px; padding:14px 20px; min-height:149px; margin-bottom:20px; background:url(images/home-partner-boxng.png) no-repeat 0 0/100% 100%; border:1px solid #e6e6e6; }
.home2box img { float:right; margin-left:20px; }
.home2box h2 { font-size:43px; line-height:43px; font-weight:normal; letter-spacing:-2px; text-transform:uppercase; }
.home2box h2 span { color:#ff7800; }
.home2box p { margin:0 0 8px; }
.magentoDev p { font-size:13px; margin:10px 0 10px; }

#happyClients li { float:left; padding:6px; margin:0 12px 3px 0; border:1px solid #dfdfdf; box-shadow:2px 2px 0 0 #dfdfdf; }
#happyClients li img { opacity:1; transition:opacity 0.26s ease-in-out; }
#happyClients li:hover img { opacity:0.5; }

.portbigImg { float:left; width:60%; position:relative; }
.portbigImg #portImgs { overflow:hidden; }
.projDetails { float:right; width:37%; }
.projDetails h2.title { color:#ff7800; margin-bottom:10px; }
.projDetails .details ul { list-style:url(images/arw-more.png) none !important; margin:15px 0 15px 20px; }
.projDetails .details ul li { margin:5px 0; }
.portbigImg .flex-prev, .portbigImg .flex-next { display:block; text-indent:-999em; width:76px; height:42px; background:url(images/portfolio-nav.png) no-repeat 0 0; position:absolute; top:150px; z-index:40; }
.portbigImg .flex-prev { left:-10px; }
.portbigImg .flex-next { right:-10px; background-position:100% 0; }

body.single-portfolio { background:#fff; }
.single-portfolio #header, .single-portfolio #navbar, .single-portfolio a.contactBut,
.single-portfolio .pageBanner, .single-portfolio .bannerSep, .single-portfolio #footerOuter { display:none; }

ul.projThumb { clear:both; padding-top:15px; }
ul.projThumb li { float:left; width:48%; margin:0 2% 2% 0; padding:3px; border:1px solid #dfdfdf; box-shadow:2px 2px 0 0 #dfdfdf; }


.su-frame-style-default.cLogo { border:0 none; padding:3px; text-align:center; float:right; }
.su-frame-style-default.cLogo .su-frame-inner { border:3px solid #eee; padding:10px 15px; }
.su-frame-style-default.cLogo .su-frame-inner img { margin:0 auto !important; }

/** Icons and title formatting ***/
.listIcon .su-column a:before, .servicesLinks .su-column:before,
.jobRequire .su-column:before, .whyUs .su-column:before { font-size:65px; line-height:100px; display:block; padding:15px; text-align:center; margin:0 auto 10px; }

.listIcon .su-column a:before { color:#555; height:100px; width:100px; background-color:#ddd; border:5px solid #fff; border-radius:50%; box-shadow:2px 2px 4px #ccc; }
.listIcon .su-column { text-align:center; padding-bottom:25px; }
.listIcon .su-column h6 { font-size:16px; padding:7px; margin:15px 0 0;border-bottom:1px dotted #ccc; }
.listIcon .su-column a { color:#444; text-decoration:none; display:inline-block; }
.listIcon .su-column h6 a { color:#0660ae; }
.listIcon .su-column a:hover { color:#ff7e00; }
.listIcon .su-column a:hover:before { color:#fff; background-color:#ff7e00; }


/** Services Page ***/
.servicesLinks .su-column { text-align:center; padding-bottom:25px; }
.servicesLinks .su-column:before { color:#ff7e00; font-size:100px; line-height:100px; padding:25px; }
.servicesLinks .su-column h6 { padding:7px; background-color:#efefef; margin:0; }
.servicesLinks .su-column a { color:#444; text-decoration:none; }
.servicesLinks .su-column a:hover { color:#0660ae; }
.servicesLinks .su-column ul { list-style:none; margin:0 0 10px; }
.servicesLinks .su-column ul li { padding:7px; margin:0; border-bottom:1px dotted #ccc; }

.technologyList .su-column h6 { color:#333; font-weight:600; padding:7px; background:none; margin:0; }

.hireDeveloper .su-column:before { color:#ff7e00; font-weight:bold; font-size:65px; text-align:center; }
.hireDeveloper .su-column { text-align:center; padding-bottom:25px; }
.hireDeveloper .su-column h6 { font-size:16px; font-weight:700; padding:7px; margin:15px 0 0;border-bottom:1px dotted #ccc; }
.hireDeveloper .su-column a { color:#444; text-decoration:none; }
.hireDeveloper .su-column h6 a { color:#0660ae; }
.hireDeveloper .su-column a:hover { color:#ff7e00; }
.hireDeveloper .su-column p { padding:5px; margin:0; border-bottom:1px dotted #ccc; }
.guarantyBox { padding:10px; text-align:center; font-size:16px; display:block; border:2px solid #fff; border:3px solid #fff; border-radius:7px; box-shadow:2px 2px 9px #ccc;
	background: #fefcea; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefcea 0%, #ffe556 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#ffe556)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefcea 0%,#ffe556 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefcea 0%,#ffe556 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefcea 0%,#ffe556 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefcea 0%,#ffe556 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#ffe556',GradientType=0 ); /* IE6-9 */ }
.guarantyBox strong { color:#C00; }

/** Testimonials Page ***/
ul#testimonilList li { padding:10px; clear:both; margin-bottom:15px; box-shadow:1px 1px 4px 0 #ccc; }
ul#testimonilList li .img { float:left; margin:0 15px 5px 0; }
ul#testimonilList li .name { padding:7px 10px; margin-bottom:10px; background-color:#efefef; }

.review { width:70px; margin-bottom:5px; overflow:hidden; background:url(images/rating.png) repeat-x; }
.review div { overflow:hidden; height:13px; background:url(images/rating.png) repeat-x 0 100%; }
.review.star4 div { width:55px; }
.review.star3 div { width:43px; }
.review.star2 div { width:28px; }
.review.star1 div { width:14px; }

.su-list.responsiveList ul li { padding:5px 0 15px 35px !important; }
.responsiveList li .fa-check-square-o { font-size:25px; }

/*** Logo Design Page ***/
#logoDesign li { float:left; width:22.9%; margin:0 10px 20px; border:1px solid #efefef; box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2); text-align:center; }

/*** Mission and Vision Page ***/
.su-service.mission { margin-bottom:50px; }
.mission .su-service-title { font-weight:normal; font-size:27px; }

/*** Why CWS Page ***/
.whyUs .su-column { padding-left:80px; position:relative; padding-bottom:25px; }
.whyUs .su-column:before { color:#0660ae; position:absolute; top:-10px; left:0; padding:0; }

/*** Carrer Page ***/
.keySkil em { font-style:normal; font-weight:300; font-size:1.5625rem; }
.keySkil .su-column-inner:before { color:#ff8400; font-family:'FontAwesome'; font-size:35px; float:left; margin:10px 10px 0 0; }
.keySkil.skil-100 .su-column-inner:before { content:"\f005"; }
.keySkil.skil-90 .su-column-inner:before,
.keySkil.skil-75 .su-column-inner:before { content:"\f123"; }
.keySkil.skil100 .su-column-inner:before { content:"\f087"; }

.jobRequire .su-column { padding-left:80px; position:relative; padding-bottom:25px; }
.jobRequire .su-column:before { color:#0660ae; position:absolute; top:-10px; left:0; padding:0; }

/*** SDLC Page ***/
.button.sdlc { float:right; margin-top:-60px; }
.sdlcPoints .su-service-title { font-size:1.25rem; font-weight:600; line-height:normal !important; min-height:inherit !important; }

/*** Responsive Page ***/
.su-row.rwdAdvantag { margin-bottom:3.5%; }
.rwdAdvantag .su-service-title { color:#ff8400; font-weight:400; font-size:1.25rem; line-height:normal !important; min-height:inherit !important; }
.rwdAdvantag .su-service-title { line-height:normal !important; }
.rwdAdvantag .su-clearfix:after { clear:none; }

/*** Mobile App List ***/
.mobileAppList .su-column { margin-bottom:4% !important; text-align:center; }
.mobileAppList .su-column:nth-child(5n+1) { clear:both; margin-left:0; }
.mobileAppList .su-column:last-child { float:left !important; }

.seoTips.su-list ul li { padding-bottom:10px !important; }
.seoTips.su-list ul li i { width:21px; height:23px; text-indent:-999em; background:url(images/seo-tip.png) no-repeat; }

/*** Magento extensions Page ***/
.extensionsList li.item { float:left; width:30%; margin:0 4% 4% 0; }
.extensionsList li.item:nth-child(3n) { margin-right:0; }
.extensionsList li.item:nth-child(3n+1) { clear:both; }
.extensionsList li .img { display:block; margin-bottom:10px; }
.extensionsList li .tittle { font-size:1.1rem; font-weight:600; margin-bottom:5px; }
.extensionsList li .tittle a { color:#ff7800; text-decoration:none; }
.extensionsList li .tittle a:hover { color:#333; }
.extensionsList li .text { margin-bottom:7px; }

.extensions .img { float:left; width:39%; }
.extImgList li.thumb { float:left; width:22.75%; margin:3% 3% 0 0; border:1px solid #eee; }
.extImgList li.thumb:nth-child(4n) { margin-right:0; }
.extImgList li.thumb:nth-child(4n+1) { clear:both; }
.extensions .details { float:right; width:58%; }
.extensions .details .priceRating { padding:7px 10px; background-color:#fffbf3; border-top:1px solid #eee8da; border-bottom:1px solid #eee8da; }
.extensions .details .price { display:inline-block; color:#ff7800; font-size:2rem; line-height:normal; margin-right:30px; vertical-align:middle; }
.extensions .extRatting { display:inline-block; vertical-align:middle; }
.extensions .extRatting .review { display:inline-block; margin:0; }
.extensions .butRow { clear:both; padding:10px 0; margin-bottom:20px; border-bottom:1px dotted #ccc; }
.extensions .butRow .button { margin-right:35px; }
.extensions .tittle { color:#0660ae; margin-bottom:15px; }
.extensions .button .fa { color:#000; font-size:22px; text-shadow:none; }
.extensions .details ol { list-style:outside decimal; margin:10px 0 15px 20px; }
.extensions .details .su-label { margin:20px 0; }
.extensions .details .su-spoiler { margin:0; }
.extensions .details .su-spoiler-title { border-bottom:1px dotted #ccc; }

.appList a { text-decoration:none; }
.appList a:hover img { opacity:0.8; transform: translate(0px, 5px); }
.appList a:hover h4 { transform:translate(0px, -5px); }

/*** Blog section Pages ***/
.postList .post { padding:20px; margin-bottom:30px; background-color:#fff; border:10px solid #f5f5f5; box-shadow:2px 2px 2px #ccc; }
.postList .entry-thumbnail { float:left; width:45%; margin-right:3%; }
.postList .entry-title { font-weight:600; font-size:1.125rem; line-height:normal; }
.postList .entry-title a { color:#0660ae; text-decoration:none; }
.postList .entry-title a:hover { color:#000; text-decoration:none; }
.entry-meta, .comment-metadata { color:#888; margin:10px 0; }
.entry-meta a, .comment-metadata a { color:#888; }
footer.entry-meta { margin:0; }

.single .entry-title,
.archive-title { color:#ff8400; font-weight:400; font-size:1.875rem; padding:15px 0 10px; }
.single .entry-content h2,
.single .entry-content h3 { font-weight:600; font-size:1.2rem; margin:20px 0 10px; }
.single .entry-content h4 { font-weight:600; font-size:1rem; margin:20px 0 10px; }

.homeAbout  .widget { padding:10px 15px 15px; background-color:#f5f5f5; }
.widget-title { color:#0660ae; font-weight:normal; font-size:24px; line-height:normal; text-transform:uppercase; padding:0 0 10px; border-bottom:2px solid #bdcada; text-align:center; }
.widget li { padding:7px 5px; border-top:1px dotted #ccc; color:#222; }
.widget li a { color:#000; }

.widget_search span { display:none; }
input[type="search"] { -webkit-appearance:textfield; padding-right:2px; width:210px; }
.widget_search .search-submit { font-size:14px; padding:6px 10px; }

#comments { padding:20px; margin-bottom:30px; background-color:#fff; border:10px solid #f5f5f5; box-shadow:2px 2px 2px #ccc; }
#comments h2.comments-title { display:none; }
.comment-list { padding-bottom:20px; }
.comment-list li.comment { padding:15px 0; border-bottom:2px solid #efefef; }
.comment-list li.comment:first-child { padding-top:0; }
.avatar { float:left; margin:0 15px 15px 0; }
.reply { margin-top:-10px; }

#respond { padding:10px; background-color:#f5f5f5; margin:0 -20px -20px; border-top:2px solid #ccc; }
#respond #reply-title { color:#0660ae; font-weight:400; font-size:1.8rem; margin-bottom:10px; }
#commentform label { display:block; }
#commentform p[class*="comment-form-"] { float:left; width:50%; margin:0 0 10px; }
#commentform p input { width:95%; }
#commentform p.comment-form-comment { width:100%; }
#commentform p.comment-form-comment textarea { width:98%; }
.form-allowed-tags { display:none; }
#commentform .form-submit { margin:0; }
#commentform .form-submit input { width:auto; }


/*** End Blog section Pages ***/

.sidebar-container .widget{ width: 100%; background-color: #f5f5f5; padding: 20px; margin-bottom: 10px; box-shadow: 0 0 3px rgba(0,0,0,0.4); border: 10px solid #ffffff; }
.sidebar-container .widget .widget-title{ border:none; text-align:left; } 
.sidebar-container .search-field{ width: 210px; padding: 5px 5px 5px 10px; border: none; box-shadow: 0 0 2px rgba(0,0,0,0.4); }  
.widget_search .search-submit { font-size: 14px; padding: 6px 10px; border: none; background-color: #fc7200; color: #fff; }
.widget_search .search-submit:hover{ background-color:#ff3b00; transition:0.7s; }
.sidebar-container .widget.google-places-reviews{ background-color:#f5f5f5; }
.sidebar-container [id*="gpr_widget"].gpr-minimal-light-style .gpr-widget-title, 
[id*="gpr_widget"].gpr-minimal-dark-style .gpr-widget-title, 
[id*="gpr_widget"] .gpr-minimal-dark-style .gpr-widget-title, 
[id*="gpr_widget"] .gpr-minimal-light-style .gpr-widget-title, 
[id*="gpr_widget"] .gpr-minimal-dark-style .gpr-widget-title{ border-bottom: 1px dotted #ccc; }
.sidebar-container .gpr-minimal-light-style, [id*="gpr_widget"].gpr-minimal-light-style{ background-color: #f5f5f5; }
.sidebar-container [id*="gpr_widget"] .gpr-business-avatar{ width:50px; height:50px; background-size:50px; }
.sidebar-container [id*="gpr_widget"] .gpr-business-name > a, [id*="gpr_widget"] .gpr-business-name > a:visited{ font-size:13px; line-height:18px; }
.sidebar-container [id*="gpr_widget"] .gpr-business-header .gpr-header-content-wrap{ width:79%; }
.sidebar-container .gpr-reviews-wrap{ margin-top:20px; }

/* requestQuoteOuter */

#requestQuoteOuter{ display:none; }

/* Banner */
.homeBanner .tp-caption.touch-first{ color:#fff; border-color:#fff; }
.homeBanner .tp-caption.touch-first:hover{ color:#002654; transition:0.7s; }
.tp-caption touch-first sfb tp-resizeme start" data-x="center" data-hoffset="0" data-y="524" data-speed="300" data-start="500" data-easing="Power4.easeOut" data-splitin="none" data-splitout="none

/* portfolio */

.indexContainer {
  width: 100%;
  margin: auto;
  padding:40px 0 50px 0;
        }
        .grayContainer {
            color: black;
        }
        nav {  
            margin: 0px;

        }

        /*Sets the nav bar in a horizontal manner. Hides the items for the 
 list and ensures there's no scroll bar*/
        nav ul {
            display: flex; 
            flex-direction:row;
            margin: 0px;
            padding: 0px;
            list-style-type: none;
            overflow: hidden;

        }

        /*Styles each of the individual items in the nav bar list. Adds color 
  and changes their font. Adds a border at the end*/
        nav ul li {
            flex-grow: 1;
            font-size: 1em;
            font-weight: bolder;
            padding: 0;
			margin-bottom:40px;
			margin-right:5px;
			text-align:center;
			position:relative;
        }
		
		nav ul li:hover a{ background-color:#fc7200; color:#fff; border-color:#fc7200; transition:0.7s; }
		
		
		
		nav ul li:last-child{ margin-right:0; }

        /*Determines how the links inside the navbar will be displayed.Gives 
 them a background color*/
        nav ul li a {
            padding:12px;
            text-transform: uppercase;
            -webkit-transition:  0.45s;
            transition: 0.45s;
			background-color:#fff;

        }
        nav.tab {
            overflow: hidden;
            display: block;
            margin: auto;             
        }

        nav.tab a {
            cursor: pointer;
            display: block;
            margin: auto;
            vertical-align: middle;
            transition: 0.3s;
            position: relative;
            color: #222222;
			font-size:15px; 
			font-weight:500;
			border-radius:50px;
			border:2px solid #d9d9d9;
			text-transform:capitalize;
        }

        a.tablinks.lastChild{
            border: none;
        }
        a.tablinks:link {
            color: #990000;
            font-weight:bolder;
            font-size: 20px;
            text-transform: capitalize;
        }
        a.tablinks:visited {
            color: #990000;
            font-size: 20px;
            font-weight: 900;
        }

        a.tablinks:hover {
            color: black;
            background: white;

        }
        ul.tabMenu{
            border: none;
            display: flex;
            flex-direction: row;
        }

        li.tablinks.activeTab {
            color: white;
        }
		
		li.tablinks.activeTab{ position:relative; text-align:center; margin-bottom:40px; } 
		li.tablinks.activeTab a{ color:#fff; border-color:#fc7200; background-color:#fc7200; }  
		
		li.tablinks.activeTab:after, li.tablinks.activeTab:before{
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			bottom:-19px;
			pointer-events: none;
			}
		
		
		li.tablinks.activeTab:after{ 
			border-color: rgba(136, 183, 213, 0);
			border-top-color: #fc7200;
			border-width: 10px;
			left: calc(50% - 10px);
		 }
		 
		
        .tabContent {
            display: none;
            padding: 6px 12px;
            border-top: none;
        }
        .default {
            display: block;
        }
		
.tabContent ul.portfList li.item{ width:32%; margin-right:2%; }
.tabContent ul.portfList li.item:nth-child(3n){ margin-right:0; }

.portfolioOutter ul.portfList li.item{ width:32%; margin-right:2%; margin-bottom:25px; }
.portfolioOutter ul.portfList li.item:nth-child(3n){ margin-right:0; }

/* link */
.innerLink{ text-align:center; margin-top:40px; }
.innerLink a{ font-size:18px; font-weight:500; text-transform:uppercase; color:#fff; background-color:#fc7200; padding:15px 68px; border-radius:50px;  }
.innerLink a:hover{ background-color:#ff3b00; border:none; transition:0.7s; }
/*.innerLink a:hover{ background-color:#fc7200; border-color:#fc7200; color:#fff; transition:0.7s; }*/
  

/* mainPageBorder */

.pageOutter{ border-bottom:1px solid #d9d9d9; padding-bottom:30px; }
  
/* portfolio */

/* headerMain-magento */
.template{ margin-top:25px; }
.entry-content{ font-size:16px; line-height:24px; margin-bottom:25px; }
.entry-content p{ line-height:24px; }
.testimonials p{ margin-top:20px; }
.textarea p{ color:#222222; margin-bottom:1.5rem; }


/* blog */

.pageBanner.blog{ background:url(images/portfolio-inner.jpg) no-repeat center; background-size:cover; }
.blogPages{ margin-top:40px; }
.blogPages.post{ margin-top:0; }
.siderbar-post{ margin-top:30px; }
/* Inner-testimonials */

.pageOutter .testiBox .photo{ text-align:left; float:left; width:12%; background-color: #eef3f9; padding:15px; border-radius:7px; position:relative; border: 1px solid #d4e1f2; }

.pageOutter .testiBox .photo::before {
  	border-color: rgba(212,225,242,0);
    	border-left-color: rgba(212, 225, 242, 0);
	border-left-color: #d4e1f2;
	border-width: 9px;
}

.pageOutter .testiBox .photo::after, .testiBox .photo::before {
    left: 100%;
    top: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.testiBox .photo::before {
    border-color: rgba(212,225,242,0);
	border-left-color: #d4e1f2;
	border-width: 9px;
}

.pageOutter .testiBox .details::before { display:none; }
.pageOutter .testiBox .details::after{ display:none; }
.pageOutter .testiBox .details{ text-align:left; margin:0; padding:0; margin-left:15%; }
.pageOutter .testiBox .details p{ font-size:16px; color:#666; }

/* hvr-ripple-in */

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-ripple-in:before {
  content: '';
  position: absolute;
  border: #fc7200 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
  border-radius:50px;
}

/*  numberList */
ol.numberList li{ margin-bottom:5px; }

/* ===========================================
	go-to-top*
============================================== */
.c-content { padding: 20px; position:relative; }
.c-go-top { background-color:#fc7300; bottom: 10px; border-radius: 4px; display: none; font-size: 12px; opacity: 0.8; padding:18px 20px; position: fixed; right:20px; text-decoration: none; z-index: 999; }
.c-go-top:hover, .c-go-top:focus, .c-go-top:active, .c-go-top:visited { color: #fff; outline: 0; text-decoration: none; }
#c-go-top:after, #c-go-top:before { top:3px; left:10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#c-go-top:before { border-color: rgba(194, 225, 245, 0); border-bottom-color:#fff; border-width:10px; }




.homeBanner .quote { margin:0 !important; float:none !important; }
.homeBanner rs-arrow { opacity: 0 !important; visibility:hidden !important; }
.homeBanner:hover rs-arrow { opacity: 1 !important; visibility:visible !important; }

